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

我想更改所有浏览器中滚动条的颜色。我下面的样式在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;
}

---

-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;
}

---

等等。

-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;
}

等等..

试试看

/*适用于Firefox*/
* {
滚动条宽度：18px；/*薄*/
滚动条颜色：天蓝色#000066；
}
*：-webkit滚动条{
宽度：18px；
}
*：-webkit滚动条轨迹{
背景：#000066；/*跟踪区域的颜色*/
}
*：-webkit滚动条拇指{
背景色：天蓝色；/*滚动拇指的颜色*/
边框半径：1px；/*卷轴拇指的圆度*/
/*边框：1px solid#000066；*/*在滚动拇指周围创建填充*/
}

试试看

/*适用于Firefox*/
* {
滚动条宽度：18px；/*薄*/
滚动条颜色：天蓝色#000066；
}
*：-webkit滚动条{
宽度：18px；
}
*：-webkit滚动条轨迹{
背景：#000066；/*跟踪区域的颜色*/
}
*：-webkit滚动条拇指{
背景色：天蓝色；/*滚动拇指的颜色*/
边框半径：1px；/*卷轴拇指的圆度*/
/*边框：1px solid#000066；*/*在滚动拇指周围创建填充*/
}

如果您只是在原始代码中替换-webkit-by-moz-是否有效？如果您只是在原始代码中替换-webkit-by-moz-是否有效？可能重复的