南芝 – 我才12岁（孤独、快乐的生活在自己的世界里）

昨晚在玩博客的东西发现的一个问题，就是 Opera 10.5 默认的设置不了 input 和 textarea 的圆角：

input[type="text"], textarea { border-radius:5px;}

如上，如果我这么写，在 Opera 下是没有圆角效果的，而在 Chrome 下是有的，顺便测试了下 Firefox 和 Safari：

input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/}

默认情况下，Opera 和 Firefox 不会现出圆角效果，而 Chrome 和 Safari 可以，在 Opera 和 Firefox 下要想显示出圆角效果必须设置其 border-style(不能为 none)：

input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/ border-style:solid;}

或者直接设置其 width、style、color：

input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/ border:1px solid #ccc;}

这篇文章发布于 2010年03月2日，星期二，08:42，归类于 CSS, Opera。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。