html - border-radius 在 webkit 中的选择标签 buggy 上边框超过 1px

标签 html css google-chrome webkit

有人知道在 webkit 中跟踪“错误”的解决方法吗?

当我使用 border-radiusborder: solid 1px 在 select 标签上创建圆 Angular 边框时,它在 webkit、FF 等上运行良好

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

你可以在这里看到:http://dabblet.com/gist/2909020

(只需将 border: solid 2px #9ec3d6; 更改为 1px 即可查看区别)

感谢您的帮助!

最佳答案

使用 -webkit-appearance: none; 你可以隐藏矩形边框,但这也会隐藏选择框的常用下拉图标,但你可以添加一些背景图像来恢复一些选择框的一种视觉指示器。

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

关于html - border-radius 在 webkit 中的选择标签 buggy 上边框超过 1px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10976620/

相关文章:

javascript - Access-Control-Allow-Origin 不允许 Origin http ://127. 0.0.1

javascript - jquery - 动态取消选中单选按钮后刷新按钮

html - Flexbox 列垂直间距不起作用

html - 更改标签的背景颜色

jquery - 展开/折叠在Chrome中不起作用,在Firefox中不起作用

javascript - Bootstrap - 如何更改选择 "placeholder"选项文本的颜色

javascript - chrome console.log 显示 DOM 而不是 html

html - 用于在 Bootstrap 轮播中间居中文本的 Flexbox?

html - CSS 下拉菜单, float 重置不起作用,为什么?

javascript - 如何使用 Chrome 开发工具调试动态添加到页面 head 元素的 javascript 标签?