表单样式



给input添加背景颜色、背景图片

.ip{ background-color:#030; color:#fff; background-image:url(*.jpg);}
<input type="text" class="ip" />

一条线的文本框

.ip{ border:none; border-bottom:dashed 1px #060; color:#9C0;}
<input type="text" class-"ip" />

按钮样式控制

.ip{ height:30px; width:200px; background-color:#033; border:none; color:#CCC; }
.ip_hover{ height:30px; width:200px; background-color:#990; border:none; color:#CCC; cursor:pointer;}
<input type="submit" value="后盾网" class="ip" onMouseOver="this.className='ip_over'" omMouseOut="this.className='ip'">

彩色下拉列表

selector{ border:none; background-color:#09C;}
.s1{ background-color:#FF6;}
.s2{ background-color:#CC6;}
.s3{ background-color:#F93;}

<select name="">
   <option value="后盾网" class="s1">后盾网</option>
   <option value="http://www.houdunwang.com" class="s2">www.houdunwang.com</option>
   <option value="免费教程" class="s3">免费教程</option>
</select>

类似Excel表格的表单

input{ font-size:13px; width:500px; border:none;}
textarea{ width:100%; height:200px; border:none;}