html – 使用圆角的项目上的额外镀铬边框
发布时间:2020-12-14 18:31:17 所属栏目:资源 来源:网络整理
导读:我在Chrome中有一个问题,当我在选择的menubox上使用圆角时有“两个”边框(见下文,顶部是输入框,底部是选择框) input,select { border:2px solid #ced6e9; -moz-border-radius:8px; border-radius: 8px;} 我尝试了其他两种方法,但它们不起作用: Rounded corn
我在Chrome中有一个问题,当我在选择的menubox上使用圆角时有“两个”边框(见下文,顶部是输入框,底部是选择框)
input,select { border:2px solid #ced6e9; -moz-border-radius:8px; border-radius: 8px; } 我尝试了其他两种方法,但它们不起作用: > Rounded corners in Chrome not working不起作用 编辑 看到这个jsFiddle example 解决方法
之前有这个问题,我所做的就是删除选区上的边框并将其包装在具有相同样式(圆形边框)的div中.我确信这是一个更优雅的解决方案,但它比搜索解决方案的时间/天更好.
看看这个fiddle. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |