Что определяет, имеет ли полоса прокрутки цвет в Firefox?

Question

TLDR; Я столкнулся с интересным поведением в Firefox. Например, он автоматически стилизует полосу прокрутки лайм зеленый, но не светлый зеленый. Почему отображает одну, а другую нет?

---

Отвечая на другой вопрос, я обнаружил, что эта отображает салатовый цветную полосу прокрутки в Firefox 72 самое позднее Windows 10:

div {
  background-color: limegreen;
  max-height: 5em;
  overflow-y: scroll;
}

<div>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br></div>

Вот так:

Но это Firefox отказывается отображать светло-зеленую цветную полосу прокрутки :

div {
  background-color: lightgreen;
  max-height: 5em;
  overflow-y: scroll;
}

<div>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br>Hi!<br></div>

См. Это:

Что вызывает такое поведение и как это может Я предсказываю это?

PS. Chrome 80 показывает обе полосы прокрутки в стиле по умолчанию.

PS. Есть вопросов по , как активно изменить цвет полосы прокрутки в Firefox, но я не (прямо сейчас) интересуюсь pragmati c совет по " как изменить цвет полосы прокрутки ", но вместо этого я спрашиваю и пытаюсь понять , когда и почему это происходит автоматически , и только для некоторых цветов фона.

Answer 1

div {
  background-color: lightgreen;
  max-height: 5em;
  overflow-y: scroll;
  scrollbar-color: lightgreen lightgreen;
}

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Использование цветных полос прокрутки (подробнее здесь ). Я думаю, что обнаружение цвета действительно очень плохо - иногда один цвет работает с полосой прокрутки и применяется к обеим частям полосы прокрутки, и иногда вам нужно повторить это дважды. Я просто думаю, что это плохо реализованная часть HTML spe c. Не имеет большой поддержки браузера, поэтому убедитесь, что это не требуется как часть вашего интерфейса.