边界半径在opera中不工作-11.1

我正在使用html，css和javascript编写应用程序。我已经将按钮的边框半径设置为具有圆角但在Opera浏览器中不起作用。但同样我已经在Chrome中测试过了。请提供一些建议或帮助。这里是demo 边界半径在opera中不工作-11.1

来源

2011-02-11 rashmi

什么版本的Opera？我相信，自Opera 10.5以来，支持`border-radius`。在任何浏览器中打开以下链接以测试对此的支持。示例网站：http：//people.opera.com/zibin/border_radius_zibin.html示例网站应如何显示的屏幕截图版本：http://people.opera.com/zibin/border_radius_screenshot.html – nybbler 2011-02-11 05:39:22

@nybbler thanks for你的回复。你有没有看过这些网页的页面源，如果没有请看看 – rashmi 2011-02-11 05:46:22

@rashmi，我认为一些问题与你的CSS。您尚未将边框样式的所有必要元素都分配到您的按钮元素上。尝试将按钮样式更新为按钮{border：1px solid #fff; } – Dan 2011-02-11 05:49:13

不幸的是，border-radius css风格并没有完全支持跨浏览器。 Opera是一款不提供支持的浏览器。

参见：http://www.westciv.com/iphonetests/

来源

2011-02-11 05:14:33 Dan

首先，你尝试-o-border-radius？其次你尝试一个普通的div？有时表单元素会拒绝某些样式。否则它不支持（opera10没有它）。

来源

2011-02-11 05:24:22 SpliFF

Border radius in Opera与其他与Opera相关的演示。

button { 
background:#000; 
color:#fff; 
border-radius: 15px; 
}

来源

2011-02-11 05:32:24 karlcow

在Opera中您可以使用此：

.className { 
    -o-border-radius: 3px; 
}

来源

2012-09-04 07:26:31 Vanndy

圆角或所有的浏览器要使用folloing方法

#divId{ 
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -o-border-radius: 20px; 
}

它的工作对我来说很好。

来源

2012-12-01 06:42:48 user1972007

我遇到了同样的问题，发现虽然在Opera中支持border-radius，但它并不适用于按钮。
但我设法使其工作，并取得了几乎相同的结果。这是我的解决方案。只需重新创建按钮的行为有以下方式：

button { 
    background-color: #ccc; 
    border-style: outset; 
    border-color: #eee; 
    border-radius: 6px; 
} 
button:hover, button:active, button:focus { 
    background-color: #ddd; 
} 
button:active { border-style: inset; }

的事情是，边界半径的作品，当你改变边框样式属性。例如，当您使用border-radius时，Firefox的行为看起来像是使用边框样式：开始时用于按钮的正常行为，而边框样式：插入，当单击该按钮时。
只有两条额外的线使其在Opera中的工作方式与其他浏览器中的方式几乎相同。

来源

2013-09-29 20:36:26 RunninglVlan

边界半径在opera中不工作-11.1

回答

相关问题