用PNG替换滑块拇指？

Question

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

到此：

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

Answer 1

Safari和Opera是基于chromekit的webkit，所以它也应该有效。

对于Firefox，您可以使用：

::-moz-range-thumb

对于IE 10 +

::-ms-thumb

有关brennaobrien博客的更多信息：

http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html