自定义FireFox浏览器滚动条

Posted 2020-09-25 WEB1010113045

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自定义FireFox浏览器滚动条相关的知识，希望对你有一定的参考价值。

@-moz-document url-prefix(http://),url-prefix(https://) {   
    /* 滚动条颜色 */  
    scrollbar {   
       -moz-appearance: none !important;   
       background: rgb(0,255,0) !important;   
    }   
    /* 滚动条按钮颜色 */  
    thumb,scrollbarbutton {   
       -moz-appearance: none !important;   
       background-color: rgb(0,0,255) !important;   
    }   
    /* 鼠标悬停时按钮颜色 */  
      
    thumb:hover,scrollbarbutton:hover {   
       -moz-appearance: none !important;   
       background-color: rgb(255,0,0) !important;   
    }   
    /* 隐藏上下箭头 */  
    scrollbarbutton {   
       display: none !important;   
    }   
    /* 纵向滚动条宽度 */  
    scrollbar[orient="vertical"] {   
      min-width: 15px !important;   
    }   
}

以上是关于自定义FireFox浏览器滚动条的主要内容，如果未能解决你的问题，请参考以下文章