Thumb styling для типа ввода «диапазон» не работает в IE

Question

У меня есть следующий css для стилизации большого пальца. Он отлично работает на хроме, Safari и firefox. Однако не работает даже на IE 10 и выше. Большой палец сохраняет свой стиль по умолчанию, как если бы не было написано css для его стилизации.

input[type='range']::-webkit-slider-thumb, input[type='range']::-moz-range-thumb, input[type='range']::-ms-thumb { 
    width: 30px; 
    height: 30px; 
    background: #FF6347; 
} 

Answer 1

Только что выяснил причину этой проблемы. Мы не можем разделять запятые эти типы селекторов. Я просто разделяю их, как показано ниже, и он начал работать и для IE. Получалось это агрегирование из-за того, что SASS использовался для агрегирования общих свойств.

input[type='range']::-webkit-slider-thumb { 
    width: 30px; 
    height: 30px; 
    background: #fff; 
} 

input[type='range']::-moz-range-thumb { 
    width: 30px; 
    height: 30px; 
    background: #fff; 
} 

input[type='range']::-ms-thumb { 
    width: 30px; 
    height: 30px; 
    background: #fff; 
}