使用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 和 Mozilla 吗？

Answer 1

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