JQuery禁用的文本框未变为浅灰色

我有一些JQuery可以禁用我的文本框。默认情况下，它不会将颜色变为浅灰色。因此，我添加了更多JQuery以在禁用时将其变为浅灰色，但我希望它返回到我在样式表中创建的默认CSS。 当文本框被禁用时，是否有一个浅灰色的询问框，当文本框被禁用时将其删除

当前JQuery

---

实现的一种方法是将CSS与两个类相结合，而不是添加CSS，而是添加类：

$(document).ready(function(){
    $('#click').click( function(){
        if ( $('#textBoxName').hasClass('red') ) {
            $('#textBoxName').removeClass('red').addClass('grey');
        } else {
            $('#textBoxName').removeClass('grey').addClass('red');
        }
    })
});

---

这样，您就可以控制它所应用的CSS，并且可以删除应用的CSS XD。检查小提琴：

只需在css中为浅灰色样式创建新规则

#textBoxName:disabled { 
    background: lightgrey;
}

有关更多信息：

---

谢谢你的努力。这里有一个链接，供将来可能需要它的人使用。prop'disabled'，true而不是.attr。prop已实现为目标布尔属性。啊，感谢您在进行研究时人们一直说要使用。prop但没有给出原因。不客气。忘记添加：布尔属性的示例包括禁用、只读、选中、选中等：

#textBoxName:disabled { 
    background: lightgrey;
}

//if (document.getElementById('uno').checked) {} else {}

$(function(){
$('#checkBoxName').click(function() {
    if (this.checked) {
        $("#textBoxName")
            .attr("disabled", "true")
            .val("")
            .css("background-color", "silver")
    }
    else {
         $("#textBoxName")
            .removeAttr("disabled")
            .css("background-color", "red");
    }
});    
});