1、input框聚焦时去除下划线
input{outline:none}
input:focus { outline: none; }
2、placeholder站位input框聚焦时清空内容
input:focus::-webkit-input-placeholder {color: transparent;}
3、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;