按鈕的選擇器

Question

是否有任何選項或特殊選擇器來改變按鈕的樣式，我的意思是..當用戶單擊按鈕時，我想更改該按鈕的樣式？有沒有任何選項可以這樣做：:focus或只有JavaScript點擊/焦點事件？

Answer 1

我認爲你正在尋找:active僞類...

#btn { border: solid 5px red; padding: 5px; } 
 
#btn:hover { border-color: green; } 
 
#btn:active { border-color: blue; }

<button id="btn" />

注意：如果你是一個單一的元素上同時使用:hover和:active的:hover定義必須先來。