編輯禁用提交按鈕

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樣式。這也與舊版瀏覽器更廣泛兼容。