禁用跟踪单击输入类型范围

Question

我想禁用跟踪点击输入类型范围,只允许通过拇指拖动.

我可以在除Microsoft Edge和Internet Explorer之外的所有浏览器中执行此操作.

我这样做

#slider {
  display: block;
  width: 400px;
  height: 40px;
  margin: 0px auto;
  padding: 5px 10px;
  z-index: 20;
  border-radius: 20px;
  pointer-events: none;
}

#slider::-moz-range-thumb {
  pointer-events: auto !important;
}

#slider::-webkit-slider-thumb {
  pointer-events: auto !important;
}

#slider::-ms-thumb {
  pointer-events: auto !important;
}

#slider::-ms-track {
  pointer-events: none !important;
}

<input id="slider" type="range" value="0" min="0" max="100" autocomplete="off" />

请查看为什么它不能在Microsoft Edge和Internet Explorer上运行,并建议任何可行的方法.

谢谢

Answer 1

使用jquery禁用

$("input[name=Range]").css("指针事件","无"); $("输入[名称=范围]").css("禁用","禁用");

正常

$("input[name=Range]").css("指针事件","auto"); $("input[name=amountRange]").removeAttr("已禁用");