CSS_Input输入框美化

文章参考：简书Input框美化文章；

Input输入框美化

　　初始化样式 {

　　　　border: none;

　　　　outline: none;

　　}

 

　　关于Input框高度：

　　　　建议使用 padding属性设置；

　　　　不建议直接使用 height属性设置（设置后文本处于元素顶部，还要使用附加样式来居中文本）；

　　关于Input框点击发蓝光效果：

　　　　1.选择器：input:focus

　　　　2. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

　　　　　　对于webkit内核

　　　　3. box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);