CSS可以幫助我們輕松地制作漂亮的按鈕,還可以通過點擊來改變按鈕的顏色。
為了讓按鈕在點擊時改變顏色,我們可以使用CSS的:active偽類。這個偽類會在元素被點擊的那一瞬間生效。我們可以把它和:hover偽類配合使用,這樣雖然鼠標(biāo)移過和點擊時的顏色不同,但都很好看。
#myButton { background-color: blue; color: white; padding: 10px 20px; border: none; cursor: pointer; } #myButton:hover { background-color: green; } #myButton:active { background-color: red; }