Fire Fox和IE的滚动条自定义设计

Custom design of scroll bar for Fire Fox and IE

本文关键字：自定义 滚动条 Fox IE Fire      更新时间：2023-09-26

我已经使用在chrome和safari上运行良好的Web工具包在CSS中为滚动条设计进行了编码，但我需要Fire Fox和IE的相同设计。IE滚动条宽度不变。我在谷歌上搜索过，但没有找到合适的解决方案。

我发现以下代码，但没有工作

@-moz-document url-prefix(http://),url-prefix(https://) {
 scrollbar {
 -moz-appearance: none !important;
 background: rgb(0,255,0) !important;
 }
 thumb,scrollbarbutton {
 -moz-appearance: none !important;
 background-color: rgb(0,0,255) !important;
 }
 thumb:hover,scrollbarbutton:hover {
 -moz-appearance: none !important;
 background-color: rgb(255,0,0) !important;
 }
 scrollbarbutton {
 display: none !important;
 }
 scrollbar[orient="vertical"] {
 min-width: 15px !important;
 }
}

我还想更改IE的滚动条宽度我该如何进行

我不想使用JQuery或它的插件，如果有办法在CSS中做到这一点，请告诉我，我真的很感激。

在firefox中没有等价的::-webkit-scrollbar。几天前，我在搜索同样的问题，然后我知道没有解决方案，这个bug已经在中注册了https://bugzilla.mozilla.org

相关文章：