Javascript 更改选定选项的颜色（当其处于选定状态时）

选择某个选项时（无论其颜色或背景色如何），其背景将设置为蓝色，字体颜色将设置为白色。如何改变这些行为？假设我想在选中某个选项时将字体颜色设置为红色

[更新]

据我所知，您不能这样做，因为它没有在浏览器中渲染。这是由操作系统呈现的。因此，如果您非常想这样做，可以构建自己的或使用其他库的菜单，如jQueryUI

示例（使用jquery ui在使用菜单时将css设置为此）：

或者只需从自定义库（更好）

---

查看了解如何使用Jquery ui菜单如果不查看HTML，很难说出“选项”是什么意思！这些是链接吗？如果是这样，请使用CSS设置a:active{…}和a:visted{…}颜色的样式。如果你指的是下拉列表中实际的

标记，那么你不能仅仅“覆盖”颜色——它是由浏览器控制的。您需要伪造自己的select元素，或者使用类似于jQuery UI的东西来完成此操作。不行，select元素不太适合样式化，您最好使用一个插件，用样式化列表或类似的东西重新创建select。不知道您真正在问什么，但这可能会有所帮助：（但确实要在许多浏览器中进行测试，这可能会出现故障）。更详细地说，浏览器通常会使用底层操作系统来设置下拉框的样式。这就是为什么不能用CSS可靠地设置选择框的样式。上次我检查Chrome和Safari时，它们特别不可靠。正如Adeneo所说，模拟下拉框的完全自定义插件解决方案是一致设置下拉框样式的唯一方法下拉列表。我的问题是chrome。当选择一个选项并进行模糊处理时，所选文本不知何故是不可见的！谢谢你，但我需要在当前的选择选项上执行此操作，不想构建我自己的。不客气，，，，然后等待操作系统设计师允许你这样做，我会说10年后，，，不，也许永远不会

.ui-widget-content .ui-state-focus{
    color:red;
    background-color:lime;
    background-image:none;
    background-repeat:no-repeat;
}