影響表單元素

（從理論上講）網(wǎng)站建設也可以為表單元素設置color值。聲明select元素有暗灰色文本就很簡(jiǎn)單，如下：

select{color:rgb(33%,33%,33%);}

這可能還會(huì )設置select元素周?chē)吙虻念伾?，也可能不?huì )。這完全取決于用戶(hù)代理及其默認樣式。

另外，還可以設置input元素的前景色，如圖9-6所示，這會(huì )把所設置的顏色應用到所有輸入元素，從文本框到單選鈕再到復選框都會(huì )使用這種顏色：

select{color:rgb(33%,33%,33%);}input{color:gray;}

圖9-6：改變表單元素前顏色

在圖9-6中可以注意到，挨著(zhù)復選框的文本顏色還是黑色。這是因為你只是為input和select之類(lèi)的元素指定了樣式，而沒(méi)有為常規的段落（或其他）文本指定樣式。

網(wǎng)站建設CSS1無(wú)法區分不同類(lèi)型的input元素。所以，如果要讓復選框的顏色不同于單選按鈕，就必須為它們分別指定不同的類(lèi)，以得到所需的結果：

input.radio {color:#666;}

input.check {color:#CCC;}

<input type="radio" name="r2" value="a" class="radio"/>

<input type="checkbox" name="c3" value="one" class="check"/>

在網(wǎng)站建設CSS2及以后版本中則要容易一些，可以根據不同元素的屬性來(lái)區分元素，這歸功于屬性選擇器：

input[type="radio"]{color:#333;}

input[type="checkbox"]{color:#666;}

<input type="radio" name="r2" value="a"/>

<input type="checkbox" name="c3" value="one"/>

利用屬性選擇器就可以不再使用類(lèi)，至少這里是如此。遺憾的是，許多用戶(hù)代理并不支持屬性選擇器，所以目前使用類(lèi)可能還是必要的。

警告：Navigator 4不會(huì )向表單元素應用顏色，不過(guò)在Internet Explorer 4及以上版本和Opera 3.5+中，為表單元素設置顏色是起作用的，但其他瀏覽器的許多版本甚至不允許對表單元素設置樣式，因為它們不確定應該如何對這些元素應用樣式。