边框半径在 Opera browser-11.1 中不起作用答案

【问题标题】：border radius not working in opera browser-11.1边框半径在 Opera browser-11.1 中不起作用
【发布时间】：2011-02-11 05:07:29
【问题描述】：

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

【问题讨论】：

什么版本的 Opera？我相信自 Opera 10.5 起支持border-radius。在任何浏览器中打开以下链接以测试对此的支持。示例站点：people.opera.com/zibin/border_radius_zibin.html 示例站点应外观的屏幕截图版本：people.opera.com/zibin/border_radius_screenshot.html
@nybbler 感谢您的回复。你看过那些网页的页面源吗，如果没有请看一下
@rashmi，我认为有些问题出在你的 CSS 上。您还没有为您的按钮元素分配边框样式所需的所有元素。尝试将您的按钮样式更新为 button{ border:1px solid #fff; }
有没有办法设置边界半径在歌剧中工作请有人给我正确的解决方案
@Dan ya 我知道了 Dan。现在它工作正常。

标签： html css opera

【解决方案1】：

圆角或所有你想使用以下方法的浏览器

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

它非常适合我。

【讨论】：

【解决方案2】：

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

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

【讨论】：

然而，根据w3schools，它应该可以工作。
@blake305 根据 w3schools 的说法，他们的网站很有用 :)
你不说。在网络上有相互矛盾的信息总是好的=P
@Dan 感谢您的回复。你看过我的代码了吗？在我的代码中，我最初将边框颜色设置为黑色，焦点为白色。但我没有看到这种变化。所有 4 个单元格在页面加载（歌剧）上都会有边框，知道为什么会这样.....
@Dan 但请记住，该网址谈论的是 iphone 的开发。

【解决方案3】：

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

【讨论】：

opera 实现了边界半径。不需要供应商前缀。

【解决方案4】：

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

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

【讨论】：

如果我将边框设置为无，它将隐藏我不想要的边框
那你是说你想要一个方形边框在点击时变成圆形的按钮？有点奇怪。不？如果您希望边框始终为圆形，则可以将其设置为圆形以使按钮处于中性状态。我编辑了。

【解决方案5】：

在 Opera 中你可以使用这个：

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

【讨论】：

您应该使用 4 个空格作为高亮代码，而不是 > 用于引用文本。

【解决方案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; }

问题是，当您更改边框样式属性时，边框半径有效。 Firefox 的行为，例如，当您仅使用border-radius 时，看起来它使用 border-style: outset 来表示按钮的正常行为，而 border-style: inset，单击按钮时。
只需 2 行额外的代码就可以使其在 Opera 中的工作方式与在其他浏览器中几乎相同。

【讨论】：