有没有办法为 HTML5 的范围控件设置样式? [英] Is there a way to style HTML5's range control?

问题描述

有没有办法为 HTML5 的范围控件设置样式?是否可以更改滑块滑动的线条的颜色?

Is there a way to style HTML5's range control? Is it possible to change the color of the line the slider slides on?

推荐答案

原来webkit里面有:

Turns out, there is in webkit:

 input[type="range"]{
   -webkit-appearance:none !important;
 }

 input[type="range"]::-webkit-slider-thumb{
   -webkit-appearance:none !important;  
 }

然后您可以为每个选择器添加您需要的任何属性.背景、渐变等……

You can then add whatever attributes you need to each those selectors. Background, gradient, etc...

希望有帮助！

这篇关于有没有办法为 HTML5 的范围控件设置样式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！