元素正在被使用者觸發時會進入 active 狀態,這時就可以使用 :active 虛擬類別(pseudo-class) 選中該元素。最常見的使用方式就是用來產生點擊按鈕的互動回饋。
範例:
文章撰寫中...請稍後...
參考資料:
mdn - 虛擬類別
mdn - :active
&style>
button:active {
background-color: darkgrey;
transform: scale(0.98); /* 縮小按鈕 */
}
&/style>
&button>這是一個按鈕&/button>
範例:
文章撰寫中...請稍後...
參考資料:
mdn - 虛擬類別
mdn - :active
留言
張貼留言
如果有任何問題、建議、想說的話或文章題目推薦,都歡迎留言或來信: a@ruyut.com