Sanjith S Ответов: 1

Как изменить стиль полосы прокрутки в mozilla?


я пытаюсь изменить стиль полосы прокрутки. я написал css-код, он работает в chrome, но не работает в Mozilla.

Как я могу решить эту проблему?

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

<pre>::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb{
	background-color: #0d9b6e;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

1 Ответов

Рейтинг:
2

Richard Deeming

Firefox не поддерживает пользовательские цвета полосы прокрутки. Есть просьба добавить это, которая была открыта в течение 16 лет, без каких-либо признаков разрешения:
77790 - (полоса прокрутки-цвета) Стиль полосы прокрутки (переплет ::-МОЗ-горизонтальная полоса прокрутки на объявление)[^]

Если вам действительно нужно стилизовать полосы прокрутки, то вам понадобится решение, которое скроет их и заменит пользовательскими элементами. Например: jScrollPane - кроссбраузерные стилизуемые полосы прокрутки с jQuery и CSS[^]

NB: Ваши стили также не будут работать в IE или Edge. В IE вы можете изменить цвет, используя другой синтаксис (scrollbar-face-color). Edge не поддерживает ни опции IE, ни Chrome, поэтому вам снова понадобится пользовательское решение, такое как jScrollPane.

Могу ли я использовать... Стиль полосы прокрутки CSS[^]


Afzaal Ahmad Zeeshan

5ед.