CSS可以實現(xiàn)很多樣式效果，包括使按鈕變灰并禁用。這在網(wǎng)頁設(shè)計中非常常見，特別是在表單提交按鈕等地方。我們可以借助CSS的偽類和屬性來實現(xiàn)這一效果。

/* 禁用按鈕樣式 */
button[disabled] {
background-color: #cccccc;
color: #666666;
cursor: not-allowed;
}
/* 懸停在禁用按鈕上的效果 */
button[disabled]:hover {
box-shadow: none;
background-color: #cccccc;
}
/* 鼠標按下禁用按鈕時的效果 */
button[disabled]:active {
box-shadow: none;
background-color: #cccccc;
transform: none;
}

上面的代碼是使用CSS實現(xiàn)按鈕禁用效果的例子。我們首先使用屬性選擇器找到所有禁用狀態(tài)的按鈕，然后使用background-color、color和cursor屬性來調(diào)整按鈕的樣式。接著，我們使用偽類:hover和:active來定義懸停和鼠標按下時的樣式，以增加交互體驗。

此外，在按鈕的HTML代碼中添加disabled屬性來觸發(fā)CSS里的禁用樣式，如下所示：

<button disabled>提交</button>

這樣，我們就可以通過CSS實現(xiàn)按鈕的置灰禁用效果了。