CSS控制的网页input输入框的各种样式

 

输入框景背景透明：


鼠标划过输入框，输入框背景色变色：
style="width: 106; height: 21"
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">

输入字时输入框边框闪烁(边框为小方型)：



输入字时输入框边框闪烁(边框为虚线)：



自动横向廷伸的输入框：


自动向下廷伸的文本框：
输入几个回车试试

只有下划线的文本框：


软件序列号式的输入框：

—————

软件序列号式的输入框(完整版)：



—————


================================================================
输入框的样式在作登陆框的时候还有需要填写信息的时候还是很常用的，个性点的输入框设置可以满足你页面的整体效果和色调的搭配，你会以为这个一个小的输入框而破坏了整体的视觉效果，有时候可能就是细节影响成败