改变input的默认样式

1. 聚焦时不出现蓝色边框

outline:none;

 2.修改 input 默认的placeholder

input::-webkit-input-placeholder {

   font-size: 0.4rem;    //字体

   color: #CCCCCC;    //颜色

   letter-spacing: 0px; 

}

兼容浏览器

input:-moz-placeholder, 
input::-moz-placeholder, 
input:-ms-input-placeholder

3. 去掉number类型的加减样式

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

 4. checkbox 设置了-webkit-appearance: none 可能会导致无法正常选中

input[type=checkbox ]{

   -webkit-appearance:checkbox;

}