如何自定义 range input 的样式

input[type="range"] 在不同的浏览器中样式有较大差别，且在触控屏下不太容易拖得动（因为把手尺寸有点小），所以自定义样式很有必要。

科技微讯博客的图片拼接、超级水印两个工具都使用了多个 range input，Google 了一下如何自定义样式，找到 smashing magazine 这篇文章。

文章的作者制作了一个工具，可以直观地完成自定义样式的设置，并生成适用于各主流浏览器的 css 样式清单，直接复制即可使用。