表单样式


给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;}