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上面覆盖一个透明的div3、fixed防抖(-webkit-内核)
-webkit-transform: translateZ(0);
4、去掉移动端hover时的半透明遮罩
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}
-webkit-overflow-scrolling: touch; //auto