Input输入框的各种样式

输入框景背景透明：

鼠标划过输入框，输入框背景色变色：

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

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

自动横向廷伸的输入框：

自动向下廷伸的文本框：

输入几个回车试试

只有下划线的文本框：

.input{
				border:none #FFFFFF;
				border-bottom:#777777 solid 1px;
				background:transparent;
			}

软件序列号式的输入框：

—————

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

—————

转载自:https://blog.csdn.net/dszgf5717/article/details/50536836