Javascript 样式输入中的问题[类型='；范围'；]

我试图输入[type='range']，但我遇到了一个设计问题。我想覆盖设计设置，然后我有圆或者我有值的符号。我在谷歌上搜索了太多，没有找到

这就是没有圆圈的情况

这就是没有价值标志的情况

应该是这样的

---

}

很好用……你说的“价值符号”是什么意思？我检查了你的代码，它似乎在Chrome和FF中工作得很好。。。看起来你想给控制柄的轨迹上色？请参阅：。这里还有一个范围样式生成器：

This is my css code:
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type='range'] {
    height: 5px;
    -webkit-appearance: none;
    background-color: rgb(180, 155, 192);
    margin-top: 7px;
    border-radius: 25px;
    appearance: none;
    outline: none !important;
  
}

input[type='range']::-webkit-slider-runnable-track {
    height: 13px;
    color: #4B0083;
}

input[type='range']::-webkit-slider-thumb { 
    -webkit-appearance: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    cursor: ew-resize;
    border: #4B0083 3px solid !important;
    background-color: white;
    cursor: pointer;
    appearance: none;
    z-index: 999;     
} 
input[type='range']::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #af4c65;
    cursor: pointer;
}