javascript - 将 CSS 应用于禁用的按钮

Question

我想将禁用按钮视为:

标有红色的是禁用的按钮，绿色的是启用的。

我正在尝试应用 CSS 来执行以下操作:

 $(document).ready(function () {
     $('#btnSearch').attr("disabled", true);
     $("#btnSearch").css({ 'background': "#grey" });
 });

但它并没有像图片中提到的那样出现。

它是这样找我的:

我需要为上面禁用的按钮使用哪个 CSS 属性(标记为红色)？

JSFIDDLE:

http://jsfiddle.net/54qJx/

Answer 1

尝试使用 prop()

 $(document).ready(function () {
        $('#btnSearch').prop("disabled", true);
        $("#btnSearch").css({ 'background': "gray" });
 });

@BearGrylls 检查此更新 fiddle demo ，它按照您的要求工作。