Сделайте полосу прокрутки жизнеспособной для Firefox - PullRequest
Новая
       42

Сделайте полосу прокрутки жизнеспособной для Firefox

0 голосов
/ 24 марта 2020

Я бы хотел, чтобы моя css полоса прокрутки div отображалась для Firefox. Я вижу, что он не работает на firefox, но работает на chrome. Вот мой css. 

.ascenseur::-webkit-scrollbar
{
    width: 4px;
}
.ascenseur::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #7997cd;
}

1 Ответ

0 голосов
/ 25 марта 2020

Я могу ошибаться, но я считаю, что в настоящее время единственная CSS, которую mozilla поддерживает для стиля полосы прокрутки: 

scrollbar-color: red green; (where red is the bar and green is thumb)
scrollbar-width: thin; (other option is thick)

Существует несколько опций javascript полосы прокрутки, которые можно использовать для стилизации скроллеров Mozilla, но У меня нет большого опыта с ними.

то, что вы могли бы сделать, это что-то вроде: 

@-moz-document url-prefix('') {
  .ascenseur {
    scrollbar-color: #7997cd green; (pick something not green)
    scrollbar-width: thin;
}

Это применило бы альтернативный стиль к Mozilla (firefox) * Только 1010 * и разрешите другим браузерам использовать ваш оригинальный стиль.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars

...