jQuery移动滑块被禁用而不会变灰

Question

我想要一个jQuery移动滑块，它不能拖动，但不会显示为灰色。

也就是说，我想要以下功能：<input type="range" value="86" min="0" max="100" disabled="true"/>

外观如下：<input type="range" value="86" min="0" max="100"/>

http://jsfiddle.net/8cRFX/

Answer 1

我真的建议不要用正常输入的外观来显示禁用的输入，我认为这对用户体验来说是负面的。

如果你真的有充分的理由，那么你可以使用这段代码来删除将输入设置为灰色的类：

$('input[disabled]').parent().find('.ui-disabled').removeClass('ui-disabled');