html - 如何在 Firefox 中设置选择框及其边框的颜色？

Question

我想为选择框及其内容的边框设置颜色。我能够在 IE 中看到选择框边框的颜色。但是我在 Firefox 中看不到边框颜色。

我还想将颜色设置为选择框元素的边框。有什么办法可以做到这一点吗？

要为 IE 设置边框颜色，我使用以下代码库。

select {
 border-color:blue;
}

Answer 1

在 firefox 中，您需要指定完整的边框:

例如:

border:1px solid blue;

但是，问题在于它会以旧的非原生 block 状样式呈现选择框。与 native 渲染(尤其是在 Mac OS X 上)相比，它相当丑陋。

还有 -- 对于颜色:

color:green;

和背景颜色:

background-color:gray;