Префиксы Firefox для прокрутки
На странице https://www.digitalocean.com/community/tutorials/css-scrollbars-ru указано как добавить стили панелей прокрутки для Firefox.
Мне необходимо добавить стили для панели прокрутки для как можно большего числа версий Firefox насколько это возможно. Каким образом нужно задавать префиксы для Firefox типа moz- (см. https://zarabotat-na-sajte.ru/uroki-html/css/vendornye-prefiksy.html) для задания скроллбара?
Ответы (1 шт):
Для версии Firefox до 64-ой вы можете пробовать модифицировать файл userChrome.css для стилизации панели прокрутки, а также других элементов интерфейса. Для этого стоит подключить файл пространства имён XML с официального сайта Mozilla (локально или с сайта Mozilla) с помощью правила @namespace, которое нужно объявить после всех правил @import и @charset, но перед всеми остальными At-rules.
Попробуйте использовать следующий код
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* один раз прописать эту строчку */
:-moz-any(#content,#appcontent) browser{
здесь ваши правила
}
О применении пользовательских стилей в интерфейсах Firefox
Вы можете использовать scrollbar-width и scrollbar-color для браузеров Firefox старше версии 64.
Вам нужно описать эти свойства для нужных Вам элементов (если нужен только вертикальный скроллбар для всей страницы, то можно указать scrollbar-width и scrollbar-color для body).
Как их испольлзовать описано в данных статьях:
Такой же вопрос на английской версии: https://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox/54101063#54101063