如何在选择标签中实现背景颜色？答案

【问题标题】：how to achieve background color in select tag?如何在选择标签中实现背景颜色？
【发布时间】：2012-05-31 17:46:05
【问题描述】：

我想在选择列表框中悬停选项时更改默认系统颜色（蓝色）。

有没有可能？

option:hover{ background:black;}

这对我没有帮助！

【问题讨论】：

【解决方案1】：

如果没有 javascript 解决方案，这是不可能的，因为元素的背景颜色是由操作系统（Windows、Mac、Ubuntu 等）而不是浏览器或网站内的元素决定的。

您将不得不寻找javascript or jQuery（或任何其他库）解决方案:)

【讨论】：

【解决方案2】：

你试过了吗

选择：悬停{颜色：？ }

这可能在某些浏览器中有效，在没有 js 的 IE

【讨论】：

【解决方案3】：

在http://jsfiddle.net/8x5wD/15/查看工作示例

【讨论】：

是的，我在 Firefox 中看到了蓝色。 Chrome正确显示它。我会进一步调查。
我在 Chrome 中测试过，那里也是蓝色的。
在 Opera、Firefox、Chrome 和 Internet Exploder 中测试。悬停时都显示操作系统默认突出显示。 @Hussein，您似乎误解了这个问题：这与选择选项的背景无关，因为它很容易设置。这是关于当它们悬停时的亮点。
已修复。检查悬停背景更改的更新链接。 jsfiddle.net/8x5wD/15
没修好，还是蓝色的:)

【解决方案4】：

试试这个

 input:focus, select:focus, select:active, select option, select option:focus, select option:active, textarea:focus {
background: #fff4fc;

}

【讨论】：