Chrome的用户代理样式表为< select>标签的所有边角提供了5px的边框半径。元件。我试图摆脱这一点,通过我的外部样式表应用半径为0px,以及在元素本身的内联;我试过两个border-radius:0px和-webkit-border-radius:0px;我已经尝试了更具体的border-top-left-radius:0px(以及它的-webkit等效)。
没有工作。
当我检查webkit的开发工具中的元素,计算风格仍然列出半径为5px。但是,如果我单击它旁边的expander箭头来查看细节,它读取:element.style – 0px。下面它显示了我给出的0px的外部css规范,以及5px的用户代理样式表规范。后两者都被划掉了,因为它们应该是。
有任何想法吗?
解决方法
这适用于我(样式的第一个外观不是下拉列表):
select { -webkit-appearance: none; -webkit-border-radius: 0px; }