欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-28 11:28:24
...

持续更新中。。。

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