Css 边界属性<；选项>；在谷歌浏览器中

当我将此样式应用于选项元素时：

border-color: #8A8A8A #E5E5E5 #E5E5E5 #8A8A8A;
border-style: solid;
border-width: 1px;

---

所有浏览器都能正确显示，但谷歌浏览器忽略了这种样式，并呈现了双边框。我怎样才能修好它

之前，您可能应该禁用任何应用于选项元素的预样式

默认情况下，Chrome会为某些元素设置一些样式作为选项，以及许多其他元素，如Textfield等

---

我已经遇到了同样的问题，通过在整个元素上重置默认样式来解决。

将

大纲：none

添加到CSS规则中。这将删除Google Chrome在关注元素时在元素周围放置的橙色边框

outline:none;
border-color: #8A8A8A #E5E5E5 #E5E5E5 #8A8A8A;
border-style: solid;
border-width: 1px;

---

是的，但边界仍然是2px。如果我设置-webkit外观：none，border最终设置为1px，但是右下拉角消失了，dropdownlist（select）看起来像textbox。问题是jsfiddle.net正确显示了您的示例，但是googlechrome即使在chrome中运行jsfiddle时也不会显示？请把你的小提琴寄出去，这样我们就可以了see@Wachburn那么这在JSFIDLE中对您有效，但在您的网站中不起作用？你试过检查元素看是否有任何样式被覆盖了吗？它不起作用，无论是小提琴还是我的网站都只能在谷歌浏览器中使用。你有没有试着用铬做我的小提琴？边界是2像素？