Как настроить z-индекс псевдоэлемента ::-moz-range-thumb? [закрыто] ⇐ CSS

[Anonymous]

Как настроить z-индекс этого псевдоэлемента ::-moz-range-thumb? Возможно ли это?
Вот соответствующий фрагмент кода:

Код: Выделить всё

@mixin current-time-slider-thumb {
background-color: $red-600;

position: relative;
z-index: 1000 !important;
}
&.current-time::-webkit-slider-thumb {
@include current-time-slider-thumb;
}
&.current-time::-moz-range-thumb {
@include current-time-slider-thumb;
}

У меня аналогичный CSS работает в Chrome (префиксы разных производителей), но не могу заставить его работать в Firefox.
Попробуйте проверка живой демо-версии (полный код): https://youloop.leftium.com/?v=dt-SqNL4z3w
Ожидаемое (Chrome): большой палец красного ползунка находится над желтым ползунком большой палец:


Реально (Firefox): красный ползунок перекрыт из-за z-индекса:


Инспектор Devtools говорит, что не

Код: Выделить всё

staticСвойство 

Position является обязательным, но, как вы можете видеть, для позиции уже установлено относительное значение:



Подробнее здесь: https://stackoverflow.com/questions/793 ... ange-thumb