Question

如何在firefox中使用自定义Scrollbar？我正在使用它，但没有工作..

@-moz-document url("chrome://browser/content/scratchpad.xul"),
url("chrome://stylish/content/edit.xul") {
    scrollbar,
    scrollbar thumb,
    scrollcorner {
       -moz-appearance:none!important;
       background:none!important;
       border:none!important;
       min-height:9px!important;
       min-width:9px!important;
    }

    scrollbar thumb {
       background:rgba(0,0,0,.2) padding-box!important;
       border:1px solid rgba(0,0,0,.6)!important;
       border-radius:3px!important;
    }

    scrollbar thumb:-moz-any(:hover, :active) {
       background:rgba(0,0,0,.8) padding-box!important; /* Why doesn't :active work? */
    }

    scrollbar scrollbarbutton {
       visibility: collapse !important;
    }    
}

Answer 1

这是一款出色的跨浏览器滚动条样式器。它实际上模仿滚动条而不是样式化本机浏览器滚动条。

http://livepipe.net/control/scrollbar

Answer 2

据我所知，没有scrollbar元素，你不能用CSS设置滚动条的样式（无论如何都在Firefox中）。你在哪里找到这个元素？

如何在firefox中使用自定义Scrollbar？

2 个答案: