在很多網站中，我們都可以看到各種面板或者控制臺，通過這些面板我們可以進行網站的各種設置和操作。然而，在面板中有時候需要禁用或啟用某些操作或功能，這就需要使用到 CSS 中的按鈕組件了。

/* 禁用按鈕樣式 */
.disabled {
cursor: not-allowed;
background-color: #8c8c8c;
color: #ffffff;
}
/* 啟用按鈕樣式 */
.enabled {
cursor: pointer;
background-color: #007bff;
color: #ffffff;
}

上述代碼中，我們定義了兩個類名，一個是禁用按鈕的類名 disabled，另一個是啟用按鈕的類名 enabled。當我們需要禁用一個按鈕時，只需要將該按鈕的 class 設置為 disabled 即可；當需要啟用該按鈕時，將其 class 設置為 enabled 就可以了。

此外，我們還需要使用 JavaScript 來實現按鈕的禁用和啟用。下面是示例代碼：

// 禁用按鈕
document.getElementById("btn").classList.add("disabled");
document.getElementById("btn").disabled = true;
// 啟用按鈕
document.getElementById("btn").classList.remove("disabled");
document.getElementById("btn").classList.add("enabled");
document.getElementById("btn").disabled = false;

上述代碼中，我們使用了 classList 屬性來對按鈕的 class 進行操作，使用了 disabled 屬性來禁用和啟用按鈕。

總之，通過 CSS 和 JavaScript，我們可以很方便地實現按鈕的禁用和啟用功能，使得我們的面板或者控制臺更加靈活和易于使用。