HTML输入框样式

昨天做项目，做一个后台登录页，老是感觉输入框不好看，然后就上网搜了一下，看到了这个，确实很好用，兄弟们想美化输入框的，来看看吧！

输入框景背景透明：

鼠标划过输入框，输入框背景色变色：
style="width: 106; height: 21"
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">
输入字时输入框边框闪烁(边框为小方型)：


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


自动横向廷伸的输入框：

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

软件序列号式的输入框：

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



—————


原文地址：