在一些情況下，我們可能需要將按鈕設置為不可點擊的狀態，比如在表單提交前，需要用戶先填寫完所有信息才能提交，這時候我們可以將提交按鈕設置為不可點擊狀態，待用戶填寫完所有信息后再將按鈕設置為可點擊狀態。接下來我們就來看一下如何設置CSS按鈕為不可點擊狀態。

button[disabled] {
cursor: not-allowed;
opacity: .5;
}
button[disabled]:hover {
background-color: #ccc;
}

代碼中，我們使用了屬性選擇器來選擇所有被disabled屬性標記的按鈕，并給它們設置了not-allowed的鼠標樣式，同時設置透明度為0.5，使得按鈕看起來變得灰暗、不可操作。當鼠標懸停在按鈕上時，我們將背景顏色設置為灰色，以表示當前狀態不可點擊。

使用方法也很簡單，我們只需要在需要禁用按鈕的地方加上一個disabled屬性即可。例如：

提交

最后提醒大家，禁用按鈕只是一種UI設計操作，其本質還是需要使用JavaScript來實現一些業務邏輯，比如表單驗證、異步請求等。