javascript - 修改webkit内核的浏览器滚动条样式造成的兼容问题
本文介绍了javascript - 修改webkit内核的浏览器滚动条样式造成的兼容问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
主管让我修改滚动条样式,爽快的答应了。噼里啪啦。改好后。pc端一切正常。然后电视端和app端。发现无法正常显示了。希望大家能帮我出出点子啊。真不知道是什么原因了。谢谢。
解决方案
用css不一样可以修改滚动条样式吗?
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{background-color:#018EE8; height:50px; outline-offset:-2px; outline:0px solid #fff; -webkit-border-radius:4px; border: 0px solid #fff; }
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{ background-color:#018EE8; height:50px; -webkit-border-radius:4px; }
/*---滚动条大小--*/
::-webkit-scrollbar{ width:8px; height:8px; }
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{ background-color:#9DBFE4; -webkit-border-radius:0; }
这篇关于javascript - 修改webkit内核的浏览器滚动条样式造成的兼容问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文