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

持续更新中。。。

1、select去除下拉按钮

 

select::-ms-expand { display: none; }
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}	-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

6、webkit取消字体12px最小限制

-webkit-text-size-adjust:none;