文章/答案/技术大牛

发布

社区首页 >问答首页 >Chrome浏览器的输入范围滑块进度

问Chrome浏览器的输入范围滑块进度
EN

Stack Overflow用户

提问于 2021-01-15 23:23:26

回答 1查看 1.4K关注 0票数 2

我正在做一个输入类型范围滑块。我发现input[type=range]::-moz-range-thumb的Chrome版本是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。

到目前为止还不能工作。还有别的选择吗？

发布于 2021-07-08 10:19:48

在is浏览器上，你可以使用::-ms-fill-lower来做这件事，火狐支持::-moz-range-progress，但在chrome上，只使用css是不可能的。

然而，下面有一个使用JS的很好的例子。它使用linear-gradient更改range元素的背景。https://codepen.io/duplich/pen/qjYQEZ

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65738788

复制

相似问题

问Chrome浏览器的输入范围滑块进度EN