Css 将Chrome更新到版本49后，HTML5输入范围拇指消失

我已经在我的一个客户端网站上使用伪类

：after

和

：before

并使用

-webkit-

前缀为HTML5输入范围拇指设置了主题。在我将我的Chrome浏览器（桌面，Windows7）升级到49.0.2623.87M版本之前，它一直显示良好

谁能告诉我，这里发生了什么变化

谢谢

---

以下是我用于Chrome的css：

input.thickness{
-webkit外观：无；
浮动：左；
宽度：72%；
右边距：20px；
边缘顶部：8px；
左边距：firefox为0/*；
填充：0/*表示IE*/；
}
input.thickness:focus:：-webkit滑块可运行轨迹{
大纲：无；
}
输入.厚度：：-webkit滑块可运行轨迹{
宽度：100%；
高度：8px；
背景色：#2f9de2；
边界半径：4px；
}
输入。厚度：：-webkit滑块拇指{
-webkit外观：无；
位置：相对位置；
背景：透明；
宽度：22px；
高度：12px；
边缘顶部：8px；
}
input.thickness:：-webkit滑块拇指：之后，
输入.厚度：：-webkit滑块拇指：之前{
底部：0；
左：0；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
指针事件：无；
}
input.thickness:：-webkit滑块拇指：之后{
边框颜色：rgba（136183213,0）；
边框底色：#2f9de2；
边框宽度：10px；
}
输入.厚度：：-webkit滑块拇指：之前{
边框颜色：rgba（1942252450）；
边框底色：#2f9de2；
边框宽度：10px；
}

---

这是

谢谢你的网址。但无法总结将来是否会添加回去，即使用伪类进行样式设置。你能解释一下吗？如果不能，那么拇指的设计方法是什么？@RaviKhandelwal你可以在假设重新开放时通知问题。在我看来，它已经永远消失了。我只回答了你原来的问题,；你应该问一个单独的问题。