在網頁開發中，按鈕是常用的交互元素之一。在用戶點擊按鈕后，我們通常會希望按鈕發生一些視覺上的變化，以給用戶反饋，告訴他們他們的操作已經被成功執行。其中一種常見的變化是，按鈕在被選中（clicked）后，改變顏色。

這種效果可以使用 CSS 來實現。我們可以在我們的樣式表中定義一個按鈕的類，例如：

.button {
background-color: #007bff;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
}

這定義了一個類名為button的按鈕樣式，它有一個藍色的背景，白色的文字顏色，圓角的邊框，以及適當的內邊距。

為了在按鈕被選中后改變顏色，我們可以使用 CSS 中的:active偽類。這個偽類匹配一個元素在被用戶激活時（例如，當用戶按住鼠標按鈕點擊按鈕時）應用的樣式。例如，我們可以將我們的按鈕類擴展為：

.button {
background-color: #007bff;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
}
.button:active {
background-color: #0056b3;
}

這將使按鈕在被選中（點擊）時變為更深的藍色。

除了:active偽類外，CSS 還提供了其他偽類，例如:hover、:focus等等。使用這些偽類，我們可以為我們的按鈕添加更多的交互效果。