HTML中的按鈕經(jīng)常被用來觸發(fā)各種功能，但是當(dāng)用戶點擊按鈕后，按鈕的樣式會回到默認(rèn)狀態(tài)。為了提高用戶的交互體驗，我們可以使用CSS來保持按鈕點擊狀態(tài)。 在CSS中，我們可以使用:active偽類來表示按鈕被點擊的狀態(tài)。該偽類會在用戶點擊按鈕后立即生效，并保持按鈕樣式直到用戶松開鼠標(biāo)。使用:active偽類，我們可以輕松地實現(xiàn)點擊按鈕時的反饋效果。 例如，我們可以通過以下CSS代碼來定義一個簡單的按鈕樣式： pre { display: block; background-color: #369; color: #fff; padding: 10px; border-radius: 5px; } 按鈕被點擊時，我們可以利用:active偽類來改變按鈕樣式，例如： pre:active { background-color: #316ba7; } 這將使按鈕在被點擊時變成深藍(lán)色。但是，當(dāng)用戶松開鼠標(biāo)時，按鈕樣式將回到默認(rèn)狀態(tài)。為了保持按鈕點擊狀態(tài)，我們需要使用其他偽類。 我們可以使用:checked偽類來表示按鈕的選中狀態(tài)，并將按鈕的類型設(shè)置為復(fù)選框或單選按鈕。例如：

點擊我

我們可以使用:checked偽類對選中的按鈕應(yīng)用樣式，來模擬按鈕的點擊狀態(tài)。例如： pre:checked+label { background-color: #316ba7; } 這將使復(fù)選框或單選按鈕選中時，它所對應(yīng)的標(biāo)簽（在本例中為元素）的背景色變成深藍(lán)色。這樣，我們就可以保持按鈕的點擊狀態(tài)了。 總的來說，使用CSS來保持按鈕點擊狀態(tài)非常簡單，只需使用:active偽類和:checked偽類來定義按鈕樣式，即可提高用戶的交互體驗。