我有一个滑块。该滑动条具有颜色编码范围(例如绿色0 <25,黄色26 <50,橙色51 <75,红色76 <100)并且我想在滑动条本身上的那些范围内添加文本标签,或者只是作为滑块下方的标签。有没有一种方法可以做到这一点,而不必匹配像素到像素?滑块的宽度也基于宽度百分比(宽度:85%),因此具有固定选项并非理想。
滑条代码:
1
&#13;
答案 0 :(得分: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>