禁用 HTML5 范围输入的跟踪

Question

我正在尝试找到一种方法来阻止用户单击 HTML5 范围输入的“轨道”部分。本质上，我只希望用户能够使用“句柄”来更改范围值。

这可能吗？

Answer 1

至少在 chrome 上可以通过指针事件实现。

input[type=range] {
pointer-events: none;
}

input[type=range]::-webkit-slider-thumb {
pointer-events:auto;
}

这将禁止单击轨道并仅允许单击滑块拇指。