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

[Anonymous]

Как настроить z-индекс этого псевдоэлемента ::-moz-range-thumb? Возможно ли это?
Инспектор Devtools говорит, что нет -staticСвойство Position является обязательным, но, как вы можете видеть, для позиции уже установлено относительное значение:


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


Фактическое (Firefox): красный ползунок закрыт из-за z-index:


Вот соответствующий фрагмент кода:
@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;
}



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