web开发中常用css兼容代码（包括移动端）

持续更新中。。。

1、select去除下拉按钮

select::-ms-expand { display: none; }
select{
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}

2、lable中点击img无法选中input

<label>
<img src="" disabled/>
<input name="" value=""/>
</label>

或者也可以在img上面覆盖一个透明的div

3、fixed防抖（-webkit-内核）

-webkit-transform: translateZ(0);

4、去掉移动端hover时的半透明遮罩

a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}

5、移动端弹性滚动
-webkit-overflow-scrolling: touch; //auto