用PNG替换滑块拇指？

【问题标题】：Replacing slider thumb with PNG?用PNG替换滑块拇指？
【发布时间】：2018-05-18 04:19:33
【问题描述】：

我正在尝试找到一种灵活的跨浏览器解决方案来实现 png 图像作为我的范围输入的缩略图，所以我可以从这里转换它：

对此：

在 chrome 中，css 标签“input[type=range]::-webkit-slider-thumb”允许您选择缩略图。这是如何在 Safari、Firefox 和其他浏览器中完成的？有没有办法优雅地处理这个问题？

【问题讨论】：

【解决方案1】：

Safari 和 Opera 像 chrome 一样基于 webkit，所以它也应该可以工作。

对于 Firefox，您可以使用：

::-moz-range-thumb

对于 IE 10+

::-ms-thumb

有关 brennaobrien 博客的更多信息：

【讨论】：