我正在做一个输入类型范围滑块。我发现Chrome版本的input[type=range]::-moz-range-thumb
是input[type=range]::-webkit-slider-thumb
。
现在,我想对input[type=range]::-moz-range-progress
做同样的处理。
我试过input[type=range]::-webkit-slider-progress
,input[type=range]::-webkit-slider-runnable-progress
。
到目前为止还是不行。还有别的办法吗?
3条答案
按热度按时间vqlkdk9b1#
这完全可以只使用CSS。
这家伙已经做到了:https://codepen.io/ShadowShahriar/pen/zYPPYrQ
超文本标记语言:
字符串
CSS:
型
fhg3lkii2#
在Internet Explorer上你可以使用
::-ms-fill-lower
来做这件事,火狐也支持::-moz-range-progress
,但在Chrome上,这是不可能的,只能使用css。但是,下面有一个使用JS的很好的示例。它使用
linear-gradient
. https://codepen.io/duplich/pen/qjYQEZ更改范围元素的背景。yqkkidmi3#
简单地使用
accent-color
个字符