Css 在Firefox中更改表单选择选项的字体颜色

看我的

如果您在Firefox中查看该页面，并单击表单的选择部分（“您想联系谁？”）旁边，您将看到当您将鼠标悬停在某个选项上时，字体为白色

这似乎是特定于Firefox的

下面是相关的CSS

input, textarea, select, option {
    padding: 6px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    width: 200px;
    background: #FFFFFF url(images/from-grad.jpg) left top repeat-x;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
}
option {
    padding:0px;
}
textarea {
    width: 400px;
    max-width: 400px;
    height: 150px;
    line-height: 150%;
}
input:hover, textarea:hover, input:focus, textarea:focus {
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
}
option:hover, option:focus, select:hover, select:focus {
    color: black;
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
}

另一个值得注意的是，我根本无法在Google Chrome上显示任何背景渐变（但在Safari上显示了，而且他们应该使用相同的工具包？）

如果您对这两件事有任何帮助，我们将不胜感激。

我将其追溯到您选择框上的“-moz linear gradient”声明。有了它，它就像你描述的那样。没有它，一切都好

---

您试图在选择框上实现的定制级别（令人钦佩，但）很难实现。要使它在每个浏览器中都保持正确的外观，您必须使用某种html/css/javascript列表来覆盖您的选择框。如果你问我，这不值得麻烦。

你的意思是，当选择项目时，文本是白色的，而项目是高亮显示的（通常在窗口中是蓝色的，取决于你的配色方案）？