在 CSS 中,active
設置允許您為活動元素定義樣式,即用戶正在向該元素添加輸入或點擊它時。 像:hover
一樣,:active
是一個偽類選擇器,只有在元素的活動狀態下才會生效。
/* 將按鈕顏色設置為紅色,當用戶點擊時,按鈕顏色變為綠色 */ button:active { background-color: green; color: white; }
例如,上面的 CSS 規則將使按鈕在用戶點擊時從紅色變為綠色。這樣,用戶可以了解自己正在與網站進行交互,而不是等待直到新頁面被加載。
需要注意的是,:active
狀態只在用戶按下鼠標鍵或使用鍵盤激活元素時延續,并且在某些情況下可能不適用。 例如,如果用戶用鼠標單擊鏈接并將其拖動,則 :active 狀態可能會被取消。
除了按鈕之外,還有許多其他元素可以使用 :active 狀態,例如鏈接。 以下是一個例子:
/* 將鏈接設置為青色,當用戶點擊時,鏈接顏色變為紅色 */ a:active { color: red; }
現在,當用戶點擊鏈接時,它們將從藍色變為紅色。:active 是一種使您的頁面更站點化和互動的好方法,添加 :active 規則將使元素在用戶與您的頁面交互時更具動態性。
下一篇css中橫線怎么表示