светлячок - настроить прокрутки

Question

У меня есть следующий код, который адаптирует бар WebKit прокрутки ....

/*webkit scroll bar*/ 

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


::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
} 


::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    background: rgba(255,0,0); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 
::-webkit-scrollbar-thumb:window-inactive { 
    background: rgba(255,0,0); 
} 

, что я хотел бы сделать, это настроить полосу прокрутки страницы, загруженной в Firefox точно так же. .. для которого я попытался следующий код ..

/*mozilla scroll bar*/ 

::-moz-scrollbar { 
    width: 6px; 
} 


::-moz-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
} 


::-moz-scrollbar-thumb { 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    background: rgba(255,0,0); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 
::-moz-scrollbar-thumb:window-inactive { 
    background: rgba(255,0,0); 
} 

но это не работает ..... как я могу настроить скроллбар таким же образом, я сделал для WebKit ... любая помощь будет оценена ... спасибо заранее ... :)

Answer 1

Вы не можете из-за bug #77790 (ссылка # 1).

Bug 77790 - (ScrollBar-цвета) Стиль скроллбар (связывание :: - Мос-горизонтальным скроллинга в XBL) \

Единственный способ заключается в использовании JQuery. Я не знаю, как его закодировать, поэтому не спрашивайте меня. Я подготовил следующие ссылки для прокрутки jQuery. Click here! (ссылка # 2)

Ссылки:

• https://bugzilla.mozilla.org/show_bug.cgi?id=77790
• http://plugins.jquery.com/custom-scrollbar/

Answer 2

Попробуйте один раз

для светлячок-подгоняют полосы прокрутки

@-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; 
} 
}