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

-1

请参阅我的church website。更改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; 
}

从另一个方面说明的是，我不能让任何背景渐变在所有显示在谷歌浏览器（但它在Safari和他们都应该使用相同的工具包？）。

任何帮助这两件事情将不胜感激。

来源

2010-06-10 Mick

您的意思是说，当选中该项目时，该项目被突出显示时为白色（通常在Windows中为蓝色，取决于您的配色方案）？ – 2010-06-10 19:58:34

-1

我已将它追踪到您的选择框上的“-moz-linear-gradient”声明。有了它，它就像你所描述的那样。没有它，没关系。

您试图在选择框中实现的自定义级别（令人钦佩，但是）很远。为了保持这个在每个浏览器中的正确性，你必须使用某种html/css/javascript列表来覆盖你的选择框。如果你问我，不值得麻烦。

来源

2010-06-10 20:10:50 landons

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

回答

相关问题