webkit中选择标记错误的边界半径超过1px的border-radius

时间:2012-06-11 08:24:45

标签: html css google-chrome webkit

有人知道在webkit中关注'bug'的解决方法吗?

当我使用border-radius和border solid 1px在select标签上创建圆形边框时,它在webkit,FF等上工作正常

但是当边框超过1px时,您可以看到容器背景与边框重叠。

您可以在此处查看:http://dabblet.com/gist/2909020

(只需改变边框:实心2px#9ec3d6;到1px看看差异)

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

使用-webkit-appearance: none;,您可以隐藏矩形边框,但这也会隐藏选择框的常用下拉图标,但您可以添加一些背景图像,以便为选择框带回某种可视指示符。

请看这些示例:http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit