科技微讯

如何自定义 range input 的样式

smashing magazine

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

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

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

暂无评论