CSS復(fù)選框disabled屬性可以使復(fù)選框的交互性失效,用戶無法對其進(jìn)行選擇操作。
input[type="checkbox"]:disabled { cursor: not-allowed; }
如上面的代碼所示,我們可以使用CSS選擇器來選中想要設(shè)置disabled屬性的復(fù)選框。在樣式中,我們可以設(shè)置cursor屬性為not-allowed,這樣鼠標(biāo)在復(fù)選框上移動時會顯示禁止符號,提示用戶無法交互。
disabled屬性可以很好地控制表單中的復(fù)選框是否可選,但注意它只是一種視覺上的效果,并不會限制復(fù)選框值的提交。在服務(wù)器端仍需要處理這些值的正確性。