有没有办法为 HTML5 的范围控件设置样式?

2022-01-24 00:00:00 slider html css

有没有办法为 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...

希望有帮助！

相关文章