在实际的开发过程中，某一个页面存在许多的文本框，密码框，以及按钮等input标签的html控件，实际需要给这些input定义不同的样式，例如需要给普通文本框定义文字颜色，给密码框套用某些样式...由于页面的input标签很多，一个个改的话花费的时间比较多。现在CSS3可以非常简单的利用属性给不同的文本框应用不同的样式了。

解决的办法有许多种。如一个个的添加class样式，或者使用Javascript、jQuery选择属性来动态的改变元素的样式。

现在CSS3支持利用属性给元素应用样式了。style代码如下：

input[type=text]{color:red;}
input[type=password]{color:green;}
input[type=submit]{color:green;}

HTML代码：

<input type="text"  /> 
<input type="password" />
<input type="submit" />

备注：支持大多数浏览器，支持一般的IE浏览器（测试IE8可行）