Question

我使用了以下解决方案..

select:hover {
color: #444645;
background: #ddd;
}

和

select option:hover {
color: #444645;
background: #ddd;
}

但它没有用。请帮我解决你的问题。感谢。

Answer 1

select组件的样式是浏览器和操作系统特定的。因此，Chrome，Firefox，IE等与Windows和Mac不同。

我担心你无法确定下拉列表的样式。

您可以设置选择框as shown here的样式，但下拉列表是不行的。

如果你真的想要一个自定义下拉列表，我恐怕你不得不求助于使用javascript Here's a basic tutorial on creating one.

Answer 2

你能详细说明一下背景吗？也许提供你正在处理的html文件？

现在您正在向<select>元素添加行为。如果您正在尝试更改页面的背景，则需要定位<body>标记。

Answer 3

第一个至少适用于Chrome和Firefox

select:hover {
color: #444645;
background: #ddd;
}

尝试：