Html 选择时设置选定对象的样式？

当html

select

框只是放在那里时，是否可能有一种样式，然后当用户单击它并列出项目时，是否可能有一种不同的颜色

我想要这样的东西：

select {
    background:#fff;
    color:#929496;
    font-size:14px;
}

---

然后颜色反转，因此文本为白色，背景为灰色？

选择框是操作系统级控件，而不是HTML控件。您无法跨浏览器可靠地设置它们的样式。您可以使用各种基于HTML+CSS的技术替换它们。

选择框是操作系统级控件，而不是HTML控件。您无法跨浏览器可靠地设置它们的样式。您可以使用各种基于HTML+CSS的技术替换它们。

使用

：focus

伪类：

select:focus {
    color: #fff;
    background-color: #929496;
}

这也会在选项出现时将反转颜色应用于其选项

---

使用

：focus

伪类：

select:focus {
    color: #fff;
    background-color: #929496;
}

这也会在选项出现时将反转颜色应用于其选项

：-moz选择{
颜色：白色；
背景：3A75AF；
}
：：选择{
颜色：白色；
背景：3A75AF；
}

做你的工作：）到处都能工作。请不要问IE。

：-moz选择{
颜色：白色；
背景：3A75AF；
}
：：选择{
颜色：白色；
背景：3A75AF；
}

---

做你的工作：）到处都能工作。请不要问IE。

只是一个想法，但要替换

select

元素并保留其功能，可能需要JavaScript以及html和css。浏览器支持更改

select

s和

option

s的文本和背景颜色，这似乎在供应商之间是相当一致的。只是一个想法，但要替换

select

元素并保留其功能，可能需要JavaScript以及html和css。不过，浏览器支持更改

select

s和

option

s的文本和背景色，这似乎在各供应商之间是相当一致的。