输入类型"range“的拇指样式在IE中不起作用
输入类型"range“的拇指样式在IE中不起作用
提问于 2017-02-09 14:34:45
我有以下css样式的拇指。它在chrome、Safari和firefox上运行良好。然而，即使在IE10和更高版本上也不起作用。thumb保留其默认样式，就像没有编写css样式一样。
input[type='range']::-webkit-slider-thumb, input[type='range']::-moz-range-thumb, input[type='range']::-ms-thumb {
width: 30px;
height: 30px;
background: #FF6347;
}回答 1
Stack Overflow用户
发布于 2017-02-09 15:40:33
我刚刚找出了这个问题的原因。我们不能用逗号分隔这些类型的选择器。我只是将它们集合在一起，如下所示，它也开始为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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42129809
复制相关文章
相似问题
腾讯云开发者
