♦ 点击聚焦时原生边框颜色去除
border修改无用
input{outline:none}
input:focus { outline: none; }
♦ placeholder样式修改(没有统一写法,必须分开写)
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #666;
}
input::-moz-placeholder, textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #666;
}
♦ placeholder点击消失(chrome内核,其他内核可参照上面)
input:focus::-webkit-input-placeholder {color: transparent;}
版权声明:本文为qq_42207957原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。