在所有浏览器中更改滚动条的颜色

我想在所有浏览器中更改滚动条的颜色。我的下面的样式不适用于Mozila，所以请帮助我如何在所有浏览器中更改滚动条的颜色。在所有浏览器中更改滚动条的颜色

#boxes-list::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
    background-color: #F5F5F5; 
} 

#boxes-list::-webkit-scrollbar 
{ 
    width: 12px; 
    background-color: #F5F5F5!important; 
} 

#boxes-list::-webkit-scrollbar-thumb 
{ 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important; 
    background-color: #FFCC00!important; 
}

来源

2013-08-22 iKambad

的可能重复[在DIV + CSS定制滚动条] （http://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div） –

-webkit-是仅基于WebKit（Chrome/Safari）的浏览器的前缀。为了支持Mozilla和Opera，你就必须另外使用前缀-moz和-o-

就像是：

#boxes-list::-webkit-scrollbar-track, 
#boxes-list::-moz-scrollbar-track, 
#boxes-list::-o-scrollbar-track 
{ 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
    background-color: #F5F5F5; 
}

等等..

来源

2013-08-22 11:33:12 tobspr

谢谢你回复我，我使用这个，但它不在Mozila工作.. – iKambad

它工作，如果你只需在原始代码中替换-webkit-by -moz-？ – tobspr

在所有浏览器中更改滚动条的颜色

回答

相关问题