输入类型的拇指样式＆＃34;范围＆＃34;不在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;
}