如何在React中设置HTML5范围输入的样式,使其在滑块前后具有不同的颜色



我正在使用HTML5在React中创建一个范围滑块,并且希望在滑块前后有两种不同的颜色,我尝试了使用css,但没有成功我想要像这个图像一样的东西

图像

请帮忙吗?

我只想澄清一下,这只是一个CSS修复。上面的链接当然解决了如何对进度或范围元素进行概念化和样式化。

对于React,即使使用styled-components,也可以根据滑块值的百分比进行路由。然而,这个fork是一个简单的复制粘贴作业,来自我上周链接的资源。造型是不同的,但你可以根据自己的需要进行调整。我建议查阅规则和选择器,了解它们之间的关系,它们具体涉及什么,以及如何调整它们以适应。

最新更新