Html 边框半径在opera浏览器-11.1中不起作用

Html 边框半径在opera浏览器-11.1中不起作用,html,css,opera,Html,Css,Opera,我正在使用html、css和javascript编写一个应用程序。我已将按钮的边框半径设置为圆角,但在opera浏览器中不起作用。但我在chrome上测试过,它也能工作。请给出一些建议或帮助。这里是不幸的是,边界半径css样式不完全支持跨浏览器。Opera是一款不提供支持的浏览器 请参阅:首先,您是否尝试了-o-border-radius?第二,你试过普通的潜水艇吗?有时表单元素拒绝某些样式。否则它将不受支持(opera10没有它)。与Opera相关的其他演示 button { backgro

我正在使用html、css和javascript编写一个应用程序。我已将按钮的边框半径设置为圆角,但在opera浏览器中不起作用。但我在chrome上测试过,它也能工作。请给出一些建议或帮助。这里是

不幸的是,边界半径css样式不完全支持跨浏览器。Opera是一款不提供支持的浏览器


请参阅:

首先,您是否尝试了
-o-border-radius
?第二,你试过普通的潜水艇吗?有时表单元素拒绝某些样式。否则它将不受支持(opera10没有它)。

与Opera相关的其他演示

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

在Opera中,您可以使用:

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

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

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

这对我来说非常有用

我遇到了同样的问题,并发现尽管Opera支持边界半径,但它对按钮不太起作用。
但我成功地使它发挥作用,并取得了几乎相同的结果。这是我的解决办法。 只需使用以下样式重新创建按钮的行为:

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的行为看起来像是使用边框样式:Start作为按钮的正常行为,单击按钮时使用边框样式:inset

在Opera中,只有两行代码可以使其与其他浏览器中的工作方式几乎相同。

但是,根据,它应该可以工作。@blake305根据w3schools,他们的网站很有用:)你不会说。在网络上有冲突的信息总是好的=P@Dan谢谢你的回复。你查过我的密码了吗。在我的代码中,我最初将边框颜色设置为黑色,焦点设置为白色。但我看不到这种变化。所有4个单元格在页面加载(opera)时都会有边框。你知道为什么会这样吗?…@Dan但请记住,url谈论的是iphone的开发。如果我将边框设置为“无”,它将隐藏我不想要的边框。那么你是说你想要在按钮上有一个方形边框,当单击按钮时,它会变成圆形?有点奇怪。不如果希望边框始终为圆形,则可以使其在按钮的中性状态下为圆形。我编辑过。什么版本的歌剧<代码>边界半径自Opera 10.5以来就得到了支持,我相信。在任何浏览器中打开以下链接以测试对此的支持。示例站点:示例站点外观的截图版本:@nybbler感谢您的回复。你看过那些网页的页面来源吗?如果没有,请look@rashmi,我认为一些问题与您的css有关。您尚未为边框样式指定所有必要的元素,以便在按钮元素上使用。尝试将您的按钮样式更新为按钮{border:1px solid#fff;}有没有办法在opera中设置边框半径请有人告诉我正确的方法solution@Dan是啊,丹,我现在得走了。现在工作正常。opera实现边界半径。不需要供应商前缀。应使用4个空格突出显示代码,而不是
,后者用于引用文本。