Webkit-slider-thumb не работает, когда также присутствует moz-range-thumb [дубликат] ⇐ CSS

[Anonymous]

Я хочу оформить ползунок на HTML-слайдере, у меня есть этот код

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

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

.volume-slider::-moz-range-thumb,
.volume-slider::-webkit-slider-thumb {
-webkit-appearance: none !important;
background-image: url("./gfx/volume-handle.png");
width: 12px;
height: 12px;
margin-left: -1px;
}

Проблема в том, что если есть селектор для Firefox и Chromium, он не работает с Chromium. Если я удалю часть Firefox, она начнет работать с Chromium.

Можно ли стилизовать большой палец как в Firefox, так и в Chromium, без необходимости Ctrl C Ctrl V CSS и разделять его?

Подробнее здесь: https://stackoverflow.com/questions/790 ... so-presend