火狐浏览器滚动条的样式问题

Posted Danna123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了火狐浏览器滚动条的样式问题相关的知识,希望对你有一定的参考价值。

基于webkit的浏览器:

/* 滚动条样式 */
::-webkit-scrollbar
width: 4px;
height: 6px;

::-webkit-scrollbar-thumb
border-radius: 1em;
background-color: rgba(50,50,50,.3);

::-webkit-scrollbar-track
border-radius: 1em;
background-color: rgba(50,50,50,.1);

火狐:

overflow-y: scroll;
scrollbar-color: transparent transparent;
scrollbar-track-color: transparent;
-ms-scrollbar-track-color: transparent;

 


以上是关于火狐浏览器滚动条的样式问题的主要内容,如果未能解决你的问题,请参考以下文章

css代码怎样改变火狐浏览器中滚动条样式

css代码怎样改变火狐浏览器中滚动条样式

修改浏览器滚动条样式

mCustomScrollbar 滚动条的使用

JavaScript自定义浏览器滚动条兼容IE 火狐和chrome

css样式问题:满足所有浏览器隐藏滚动条