谷歌浏览器火狐浏览器滚动条设置

谷歌

/**自定义滚动条样式 */
::-webkit-scrollbar {
    
    
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-track {
    
    
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    
    
    background-color: #9c9da0;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

效果如图

火狐

隐藏滚动条

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