定义 input 类所有元素的CSS样式

　　input 不是一个具体的元素而一类元素，要想把它定义成什么元素，只要在类型属性 type 中指明即可。input 用得比较多是作为文本输入框，通常一个页面使用很多个 input 文本框，为使页面美观需要给它们定义CSS样式，一个一个的定义比较麻烦，所以常常定义一个CSS样式修饰所有 input 文本框，这应该如何定义？

　　恰好 input 不是具体一个元素而是一类元素，只要定义 input 的 CSS 样式，页面中所有 input 也就被修饰了。现在的问题是怎么定义 input 类的CSS样式，它跟普通的样式不一样，具体定义方法看下面的实例。

　　定义 input 类所有元素的CSS样式实例

　　html代码：

　　<ul class="ul">
　　　<li><input type="text" name="inName" maxlength="30" /></li>
　　　<li><input type="text" name="inModel" maxlength="16" /></li>
　　　<li><input type="checkbox" name="cbSelect" />选择</li>
　　　<li><input type="file" name="inFile" /></li>
　　　<li><input type="submit" name="inBtn" value=" 提 交 " /></li>
　　</ul>

　　CSS样式：

　　<style type="text/css">
　　　.ul{list-style:none; line-height:32px;}
　　　input[type="text"]{width:350px; height:24px; border:1px solid #828282;}

　　　input[type="checkbox"]{margin:0px 2px 0px 8px;vertical-align:middle;}
　　　input[type="file"]{width:300px; height:26px; border:1px solid #828282; background:#fff;}

　　　input[type="submit"]{width:60px; height:26px; border:1px solid #929292; background:#fff;}
　　</style>

　　以上定义了四类元素的 CSS 样式，分别为：文本框（text）、复选框（checkbox）、文件上传浏览框（file）和按钮（submit），要定义那类 CSS 样式只需在 input[type=] 中指明，则所有这类元素都用这个 CSS 样式修饰。