编辑禁用提交按钮

Question

我想在CSS中编辑禁用的提交按钮。如果未选中该复选框，该按钮将被禁用，如果复选框被选中，则该按钮将被启用。我无法编辑禁用和启用按钮。我无法弄清楚该怎么做。

检查此fiddle你会更好理解。 input#btnsubmit[disabled]不适用。

Answer 1

首先 - true不是disabled属性的有效值 - 它应该是disabled="disabled"（XHTML的兼容性）只是disabled没有价值作为HTML5

所有的第二 - 你的问题是因为你设置background在[disabled]部分基极输入CSS和background-color - 所述background属性的优先级 - 并且只要它没有被覆盖 - 它仍然施加

使用background两者而问题是固定

Fiddle example

Answer 2

$("#reguli").change(function(){ 
    $("#btnsubmit").prop("disabled",!this.checked).toggleClass('disabled-button'); 
}); 

此代码将添加/删除类.disabled-button，您可以使用CSS样式。这也与旧版浏览器更广泛兼容。