CSS3中提供了禁用和啟用按鈕的功能,可以通過以下的代碼來實現(xiàn)的禁用和啟用。
button{ /*啟用狀態(tài)樣式*/ background-color: #007bff; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; } button:disabled{ /*禁用狀態(tài)樣式*/ opacity: 0.6; cursor: not-allowed; }
在CSS中,通過偽類:disabled來實現(xiàn)按鈕的禁用狀態(tài),同時設(shè)置按鈕的樣式為透明度降低,并且將鼠標(biāo)指針樣式設(shè)為not-allowed。
通過JavaScript可以通過以下代碼來使按鈕的禁用和啟用。
let btn = document.querySelector('button'); btn.disabled = true;//禁用按鈕 btn.disabled = false;//啟用按鈕
通過JavaScript來控制按鈕的禁用和啟用,在特定場景下十分實用。