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

时间:2015-03-05 11:57:22

标签: javascript jquery css

我已经使用Web工具包编写了CSS中的滚动条设计,它在chrome和safari上工作得很好,但我需要Fire Fox和IE的相同设计。 IE滚动条宽度不会改变。我在Google上搜索过,但我找不到合适的解决方案。

我发现以下代码但无法正常工作

@-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中这样做请告诉我真的很感激。

1 个答案:

答案 0 :(得分:0)

firefox中没有等同于::-webkit-scrollbar的内容。几天前我正在寻找同样的问题然后我才知道没有解决方案,这个bug已经在https://bugzilla.mozilla.org中注册了