Javascript 禁用HTML5范围输入上的跟踪

我试图找到一种方法来防止用户点击HTML5范围输入的“跟踪”部分。本质上，我只希望用户能够使用“句柄”来更改范围值

---

这可能吗？

添加禁用功能应该可以

<input id="rangeindicator" disabled type="range" name="points" min="1" max="10">

---

至少通过chrome上的指针事件是可能的

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

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

---

这将禁用对轨迹的单击，并启用仅对滑块拇指的单击。

我认为，对于这种定制量，最好的选择可能是现有的“小部件框架”，他们已经为默认情况下不支持输入范围的浏览器制作了自己的滑块。不过，我无法建议使用哪一个。使用jquery禁用go和check在此处表示同意。这实际上是可行的，而且也是一种简单的方法，只是它似乎不再有效。在Windows 10上使用Chrome v62.0.3202.94，并在CSS中设置这些属性（如上所述），或通过JQuery（如中所述）设置这些属性，似乎不再禁用该轨迹。正如torresomar建议的那样，在输入标签上设置disabled将禁用整个小部件，而不仅仅是轨迹。

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

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