Member 12479831 Ответов: 2

Изменение ширины полосы прокрутки браузера mozilla firefox


Всем привет,

Я хочу изменить ширину полосы прокрутки браузера Mozilla на своем сайте. Но я не могу добиться успеха ...

Кто-нибудь может мне в этом помочь ...

Заранее спасибо

Что я уже пробовал:

::-moz-полоса прокрутки { ширина: 15px; }

2 Ответов

Рейтинг:
14

Richard Deeming

Вы не можете стилизовать полосы прокрутки в Firefox с помощью CSS. Люди просили об этом с тех пор, как Firefox был впервые выпущен, но он все еще недоступен:
77790 – (полоса прокрутки-цвета) Стиль полосы прокрутки (переплет ::-МОЗ-горизонтальная полоса прокрутки на объявление)[^]

Единственный способ получить пользовательскую полосу прокрутки-это полностью заменить ее с помощью Javascript. Для этого существуют различные плагины - например:


Рейтинг:
0

abhishekpunj5

полоса прокрутки-ширина - CSS: Каскадные Таблицы Стилей | MDN[^]

The scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.

scrollbar-width: none;
scrollbar-width: thin;
scrollbar-width: auto;


OriginalGriff

Хотя я аплодирую вашему стремлению помогать людям, это хорошая идея придерживаться новых вопросов, а не 3-летних. После такого количества времени маловероятно, что оригинальный плакат вообще заинтересован в проблеме больше! И... "Экспериментальный", "тщательно проверьте таблицу совместимости браузера, прежде чем использовать ее в производстве" ... возможно, это не самое лучшее решение. :смеяться:

Ответы на старые вопросы можно рассматривать как охоту за репостами, которая является формой злоупотребления сайтом. Более триггерные счастливые среди нас начнут процесс запрета вас с сайта, если вы не будете осторожны. Придерживайтесь новых вопросов, и все будет хорошо.

Richard Deeming

Поддержка этого свойства была добавлена в Firefox 64, который был выпущен в декабре 2018 года - примерно на 2 с половиной года позже, чем проект OP! :)

Это не стандартное свойство, и оно в опасности быть сброшенным[^], так что он может даже не работать в Firefox гораздо дольше.

Могу ли я использовать... Таблицы поддержки для HTML5, CSS3 и т. д[^]