D-前端笔记 关于input的各种实战问题和解决方式。

基础扎不扎实决定最终大楼的高度，input好像大家都会用，但是你确定你真的完全掌握了input吗？

问题一，input默认字体样式自定义。

答案：兼容各种浏览器。

input::-webkit-input-placeholder { /* WebKit browsers */  color:    #999;  }  

input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */  color:    #999;  }  

input::-moz-placeholder {/* Mozilla Firefox 19+ */  color:    #999;  }  

input:-ms-input-placeholder {/* Internet Explorer 10+ */  color:    #999;   }    

问题二，input type=“number” 上下箭头隐藏。

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type="number"]{ -moz-appearance: textfield; }