CSS控制按鈕的選中狀態(tài)，通常是通過(guò)改變按鈕的樣式來(lái)實(shí)現(xiàn)的，以下是一些常見(jiàn)的方法：
1、使用CSS偽類：
:active：表示按鈕正在被按下時(shí)的樣式。
:focus：表示按鈕獲得焦點(diǎn)時(shí)的樣式。
:hover：表示鼠標(biāo)懸停在按鈕上方時(shí)的樣式。
:selected：表示按鈕被選中時(shí)的樣式。
如果你想讓選中的按鈕顏色變?yōu)樗{(lán)色，可以添加以下CSS規(guī)則：
```css
button:selected {
background-color: blue;
}
```
2、使用JavaScript：
- 通過(guò)JavaScript動(dòng)態(tài)改變按鈕的CSS類，可以實(shí)現(xiàn)選中狀態(tài)的樣式變化。
- 使用addEventListener監(jiān)聽(tīng)按鈕的點(diǎn)擊事件，然后添加或移除一個(gè)CSS類。
```javascript
button.addEventListener('click', function() {
this.classList.add('selected'); // 添加selected類
});
```
在CSS中定義selected類的樣式：
```css
.selected {
background-color: blue;
}
```
3、使用CSS動(dòng)畫：
- 通過(guò)CSS動(dòng)畫，可以創(chuàng)建更復(fù)雜的選中狀態(tài)效果，如漸變顏色或旋轉(zhuǎn)圖標(biāo)。
- 使用@keyframes定義動(dòng)畫關(guān)鍵幀，然后通過(guò)animation屬性應(yīng)用到按鈕上。
```css
@keyframes selected-effect {
from { background-color: red; }
to { background-color: blue; }
}
button:selected {
animation: selected-effect 0.3s;
}
```
這些方法可以根據(jù)你的具體需求進(jìn)行組合和擴(kuò)展，通過(guò)CSS和JavaScript的結(jié)合使用，你可以創(chuàng)建出豐富多樣的按鈕選中狀態(tài)效果。
