我有这行 jQuery,一旦事件被触发,它就会禁用所有按钮。
$("button").attr("disabled", "disabled");
默认情况下,禁用的按钮呈灰色显示,但我想知道是否有一种方法可以覆盖此行为,以便禁用按钮,但不会向用户发出任何指示?
谢谢。
最佳答案
通过CSS:
一种解决方案是使用 button[disabled]
css 选择器为禁用和启用按钮设置相同的样式,如下所示:
button[disabled], button{
color:#fff;
border: none;
background-color: grey;
}
问题是浏览器默认有不同的按钮样式,因此您需要设置按钮的样式。
通过 Jquery:
另一个解决方案是删除按钮的点击事件处理程序,因此替换此行:
$("button").attr("disabled", "disabled");
对于这个:
$('button').off('click');
要再次启用点击事件,请使用:
$('button').on('click');
有关此商品上的添加/删除事件处理程序的更多信息 answer在所以
注意:您应该为按钮添加 ID(如果您使用多个按钮),因为上面的代码将删除对所有按钮的点击。
关于jquery - 覆盖元素的灰色效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13539460/