CSS選中按鈕變色是一種使用CSS實現選中按鈕顏色更改的技術。在這篇文章中，我們將介紹如何使用CSS來更改按鈕的顏色，以及如何使用background-color和color屬性來實現這一目的。

首先，我們需要定義一個按鈕類，并在其中指定所需的樣式。例如，我們可以創建一個名為“button”的類，并在其中使用background-color和color屬性來更改按鈕的顏色。

下面是一個簡單的按鈕類示例，其中使用background-color和color屬性來更改按鈕的顏色：

.button {

background-color: #ff4c4c; /* 黃色 */

color: #fff; /* 白色 */

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

在這個示例中，我們使用了background-color屬性來更改按鈕的背景顏色為黃色，并使用color屬性來更改按鈕的文本顏色為白色。我們還在按鈕上添加了一些padding和border，以便使其看起來更漂亮。

接下來，我們可以在需要更改按鈕顏色的時候，使用@media查詢來更改樣式。例如，如果我們需要在瀏覽器緩存之后更改按鈕顏色，我們可以使用如下代碼：

@media screen and (max-width: 768px) {

.button {

color: #ff4c4c; /* 黃色 */

background-color: #fff; /* 白色 */

在這個示例中，我們使用max-width屬性來控制媒體查詢的應用范圍，并在其中更改按鈕的顏色為黃色和白色。

.button {

background-repeat: no-repeat;

background-size: cover;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

通過使用CSS的選中按鈕變色技術，我們可以輕松地更改按鈕的顏色，以適應不同的用戶需求。無論我們需要更改按鈕的背景顏色，還是更改按鈕的文本顏色，我們都可以很容易地使用CSS來實現。