自定义CSS滚动条仅适用于chrome

我一直在工作的一个项目，涉及自定义滚动条这里是代码

。滚动条
{
左边距：30px；
浮动：左；
高度：300px；
宽度：65px；
背景:#f5；
溢出y：滚动；
边缘底部：25px；
}
.强制溢出
{
最小高度：450px；
}
#样式2:：-webkit滚动条轨迹
{
-webkit盒阴影：插入0.0 6px rgba（0,0,0,0.3）；
边界半径：10px；
背景色：#F5；
}
#样式2:：-webkit滚动条
{
宽度：12px；
背景色：#F5；
}
#样式2:：-webkit滚动条拇指
{
边界半径：10px；
-webkit盒阴影：插入0.0 6px rgba（0,0,0,3）；
背景色：#D62929；
}

抱歉，朋友firfox、Opera Mini和Edge不受支持
滚动条
样式

你可以在这里查一下
抱歉，朋友firfox、Opera Mini和Edge不受支持
滚动条
样式

你可以在这里查一下
-WebKit-适用于Chrome和safari，不确定其他浏览器是否支持自定义滚动条，但我认为它们不支持-WebKit-适用于Chrome和safari，不确定其他浏览器是否支持自定义滚动条，但我认为它们不支持可能重复的滚动条。这是我第一次实现堆栈溢出。：）不客气。这是我第一次实现堆栈溢出。：）