Html Don'；t影响<；选择>；什么时候使用CSS？

我正在用CSS设置HTML

标记的样式，但我只希望对可单击的顶部部分进行样式设置，而不希望对下拉列表中的项目进行样式设置

HTML:

---

正如预期的那样，这对顶部部分非常有效，但它似乎也为下拉列表中的项目设置了样式。如何使此CSS仅影响顶部？

您可以添加针对选项元素的样式，但这并不是每个浏览器都能做到的：

.required option {
    color: #000;
    background-color: #fff;
}

下拉选择是操作系统在大多数旧浏览器中呈现的元素，因此无法以完整的方式设置样式

---

我可以确认这在IE11、Chrome 33和Fiefox 20（所有窗口）中都能正常工作。

有什么方法可以做到这一点而不覆盖选项可能具有的任何其他样式？例如，如果我将主体设置为默认文本颜色为绿色，这将强制选项为黑色。

.required {
    color: #D50000;
    background-color: #E4E4E4;
}

.required option {
    color: #000;
    background-color: #fff;
}