仅在单击轨迹[视觉模拟比例]后显示范围输入的拇指

Question

我想修改一个范围输入，使其类似于视觉模拟刻度。最重要的一点是，拇指应该隐藏起来，直到通过点击轨迹在范围上进行第一次输入。

有没有办法隐藏拇指，只在点击曲目时显示？

Answer 1

使用onclick事件：

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick

然后设计你的范围：

https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html

Answer 2

谢谢！解决方案：

function activatevas(id){
document.getElementById(id).classList.remove('notclicked');
}

input.notclicked[type=range]::-webkit-slider-thumb {
visibility: hidden;
}
input.notclicked[type=range]::-moz-range-thumb {
visibility: hidden;
}
input.notclicked[type=range]::-ms-thumb {
visibility: hidden;
}

<input type="range" min="0" max="100" step="1.0" value="50" name="NA01" id="NA01" class="slider notclicked" onclick="activatevas('NA01')">