禁用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

我真的建议不要显示具有正常输入相同外观的禁用输入，我认为它在UX方面会被证明是负面的。

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

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