我想改变滚动条的CSS？

Question

我想用css改变我的滚动条设计.我用这个css但它只适用于铬,

<style>

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
</style>

告诉我如何使用css在firefox中更改我的滚动条.

提前致谢

Answer 1

如果你想改变滚动条跨浏览器的风格,你必须使用一些(jQuery)插件.我使用这个http://areaaperta.com/nicescroll/demo.html它是跨浏览器兼容的并且易于实现.

这个http://jscrollpane.kelvinluck.com/#examples也很棒

在这里你可以找到更多http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/