拇指造型的輸入類型「範圍」不工作在IE

Question

我有以下css造型拇指。它適用於Chrome，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; 
}