ios、安卓前端H5、Pc兼容性大全（一）之input

1. input框聚焦，ios出现outline或者阴影，安卓显示正常

   input:focus{outline:none}
   input:{-webkit-appearance: none;}

    

2. input 的placeholder属性会使文本位置偏上

   line-height: （和input框的高度一样高）---pc端解决方法
   line-height：normal ---移动端解决方法

    

3. input type=number之后，pc端出现上下箭头

   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
       -webkit-appearance: none !important;
       margin: 0;
   }