有人知道webkit中"bug"的变通方法吗？
当我使用border-radius和border: solid 1px在select标签上创建圆形边框时，它在webkit、FF等上运行良好
但是当border大于1px时，您可以看到容器的背景与边界重叠。
你可以在这里看到它：http://dabblet.com/gist/2909020
(just将border: solid 2px #9ec3d6;更改为1px以查看差异）
谢谢你的帮忙!
有人知道webkit中"bug"的变通方法吗？
当我使用border-radius和border: solid 1px在select标签上创建圆形边框时，它在webkit、FF等上运行良好
但是当border大于1px时，您可以看到容器的背景与边界重叠。
你可以在这里看到它：http://dabblet.com/gist/2909020
(just将border: solid 2px #9ec3d6;更改为1px以查看差异）
谢谢你的帮忙!
1条答案
按热度按时间fnvucqvd1#
使用
-webkit-appearance: none;，你可以隐藏矩形边框，但是这也会隐藏选择框的下拉图标，但是你可以添加一些背景图片来恢复选择框的某种视觉指示器。看看这些例子：http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit