影响表单元素

（从理论上讲）网站建设也可以为表单元素设置color值。声明select元素有暗灰色文本就很简单，如下：

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

这可能还会设置select元素周围边框的颜色，也可能不会。这完全取决于用户代理及其默认样式。

另外，还可以设置input元素的前景色，如图9-6所示，这会把所设置的颜色应用到所有输入元素，从文本框到单选钮再到复选框都会使用这种颜色：

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

图9-6：改变表单元素前颜色

在图9-6中可以注意到，挨着复选框的文本颜色还是黑色。这是因为你只是为input和select之类的元素指定了样式，而没有为常规的段落（或其他）文本指定样式。

网站建设CSS1无法区分不同类型的input元素。所以，如果要让复选框的颜色不同于单选按钮，就必须为它们分别指定不同的类，以得到所需的结果：

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"/>

在网站建设CSS2及以后版本中则要容易一些，可以根据不同元素的属性来区分元素，这归功于属性选择器：

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

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

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

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

利用属性选择器就可以不再使用类，至少这里是如此。遗憾的是，许多用户代理并不支持属性选择器，所以目前使用类可能还是必要的。

警告：Navigator 4不会向表单元素应用颜色，不过在Internet Explorer 4及以上版本和Opera 3.5+中，为表单元素设置颜色是起作用的，但其他浏览器的许多版本甚至不允许对表单元素设置样式，因为它们不确定应该如何对这些元素应用样式。