各大浏览器兼容整理

本文分享了处理不同浏览器兼容性问题的实用技巧,包括火狐浏览器的事件识别、360和搜狗浏览器的CSS兼容性调整、chrome浏览器的input自动补全样式去除,以及实现滚动效果同时隐藏滚动条的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.火狐浏览器不识别event,需要手动添加:

var event=window.event||arguments.callee.caller.arguments[0];

2.在360,搜狗等浏览器兼容模式下css——initial,unset,反引号不识别,无法兼容
3.chrome浏览器去掉input自动补全后的黄色样式:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
/* -webkit-box-shadow: 0 0 0px 1000px white inset; */
}

4.div隐藏滚动条仍保留滚动效果(看其他大神的)
就是用两个div包装,最外层div设置overflow:hidden,里面那层设置overflow-y: scroll;并且最里面的宽度是最外面宽度+15像素,这15像素就是右侧滚动条的宽度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值