html – 使用圆角的项目上的额外镀铬边框

概述我在Chrome中有一个问题,当我在选择的menubox上使用圆角时有“两个”边框(见下文,顶部是输入框,底部是选择框) input, select { border:2px solid #ced6e9; -moz-border-radius:8px; border-radius: 8px;} 我尝试了其他两种方法,但它们不起作用： > Rounded corner 我在Chrome中有一个问题,当我在选择的menuBox上使用圆角时有“两个”边框(见下文,顶部是输入框,底部是选择框)

input,select {     border:2px solID #ced6e9;     -moz-border-radius:8px;     border-radius: 8px;}

我尝试了其他两种方法,但它们不起作用：

> Rounded corners in Chrome not working不起作用
> setting -webkit-appearance：none;但这会删除小按钮,表示它是一个选择框

编辑
我在Chrome v18上使用windows 7(Service Pack 1)

看到这个Jsfiddle example

解决方法 之前有这个问题,我所做的就是删除选区上的边框并将其包装在具有相同样式(圆形边框)的div中.我确信这是一个更优雅的解决方案,但它比搜索解决方案的时间/天更好.

看看这个fiddle.

总结

以上是内存溢出为你收集整理的html – 使用圆角的项目上的额外镀铬边框全部内容，希望文章能够帮你解决html – 使用圆角的项目上的额外镀铬边框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。