select - 从 Chrome/Webkit 中的 <select> 元素中删除圆 Angular

Question

Chrome 的用户代理样式表为 <select> 的所有 Angular 提供了 5px 的边框半径。元素。我已经尝试通过我的外部样式表应用 0px 的半径来摆脱它，并在元素本身上内联；我都试过了 border-radius:0px和 -webkit-border-radius:0px;我试过更具体的 border-top-left-radius:0px (连同它的 -webkit 等价物)。

没有工作。

当我在 webkit 的开发人员工具中检查该元素时，计算样式仍将半径列为 5 像素。但是，如果我单击它旁边的扩展箭头以查看具体信息，它会显示:element.style - 0px。下面它显示了我给出的 0px 的外部 css 规范，以及 5px 的用户代理样式表规范。后两者都被划掉了，这是应该的。

有什么想法吗？

Answer 1

这对我有用(样式首次出现而不是下拉列表):

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

http://jsfiddle.net/fMuPt/