使用css自定义滚动条

Question

我已完成以下操作来自定义滚动条

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

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

问题是这只适用于chrome和safari。知道如何修改它以便为IE，Opera和Mozila工作吗？

Answer 1

我认为前缀-webkit-只考虑safari和chrome上的滚动条。您应该添加-moz-，-o-和-ms-来完成代码。希望我能帮忙。