Question

我正在使用html，css和javascript编写应用程序。我已将按钮的边框半径设置为圆角，但在Opera浏览器中不起作用。但同样我在铬测试它的工作原理。请对此提出一些建议或帮助。这是demo

Answer 1

圆角或您要使用以下方法的所有浏览器

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

它完美地为我工作。

Answer 2

不幸的是，Border-radius css样式并非完全支持跨浏览器。 Opera是一种不提供支持的浏览器。

请参阅：http://www.westciv.com/iphonetests/

Answer 3

首先，你试过-o-border-radius吗？第二个你试过一个简单的div？表单元素有时拒绝某些样式。否则它不支持（opera10没有它）。

Answer 4

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

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

Answer 5

在Opera中你可以使用：

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

Answer 6

我遇到了同样的问题，发现尽管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-style属性时，border-radius会起作用。例如，当您使用border-radius时，Firefox的行为看起来像是使用 border-style：outset 来表示按钮的正常行为，而 border-style：inset ，单击按钮时。
只有2个额外的行使它在Opera中的工作方式与其他浏览器几乎相同。

边界半径在Opera浏览器-11.1中不起作用

6 个答案: