css – 从Chrome/Webkit中的元素中删除圆角

前端之家收集整理的这篇文章主要介绍了css – 从Chrome/Webkit中的元素中删除圆角前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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;
}

http://jsfiddle.net/fMuPt/

原文链接:https://www.f2er.com/css/223652.html

猜你在找的CSS相关文章