HTML：我可以在滑块的范围内添加标签吗？

Question

我有一个滑块。该滑块具有颜色编码范围（例如绿色 0

滑块代码：

<div className='entry-field'>
  <div className='slider-text'>
    Higher than: {value}
  </div>
  <div className='inline slider'>
    <span className='limit'>0</span>
    <input type="range" min="0" max="100" value={value} step="5" onChange={this.onChange}/>
    <span className='limit'>100</span>
  </div>
</div>

Answer 1

您可以创建一个ul 标签并根据它们的百分比定位它们。

<ul class="colors"> <li class="green">Green</li> <li class="yellow">Yellow</li> <li class="orange">Orange</li> <li class="red">Red</li> </ul>

示例：https://jsfiddle.net/vx0jn7yf/