两个拇指之间带有轨道颜色的双范围滑块，每个拇指都需要标签 - React Js

问题描述

.time-slider input {
        position: absolute;
        left: 50px;
        top: 13px;
        width: 55%; 
      }
    
    .time-slider input::-webkit-slider-thumb {
        pointer-events: all;
        position: relative;
        z-index: 1;
        outline: 0;
    }

<section class="time-slider">
        <input disabled={true} type="range" value="0" min="0" max="25" />
        <input disabled={true} type="range" value="100" min="0" max="75" />
        <input min="0" max="25" type="range" />
        <input min="0" max="75" type="range" />
    </section>

我需要两个蓝色拇指之间的轨道颜色和所有拇指的标签，如下面的屏幕截图所示。

它目前的样子：

预期输出：

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）