更改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中表單的字體顏色選擇選項

回答

相關問題