CSS設置選中變色
在網頁中經常需要選中一些元素,以便于對其進行操作。這時,我們就需要使用CSS來設置選中元素的樣式。 有兩種方式可以設置選中元素的樣式: 1. 使用:active偽類 當用戶點擊元素時,該元素會處于:active狀態,可以通過 :active偽類來設置選中元素的樣式。 例如,我們可以設置選中的文字顏色為紅色,代碼如下: p:active { color: red; } 2. 使用:focus偽類 當元素獲得焦點時,即光標停留在該元素上時,該元素會處于:focus狀態,可以通過 :focus偽類來設置選中元素的樣式。 例如,我們可以設置選中的輸入框邊框樣式為黃色,代碼如下: input:focus { border: 2px solid yellow; } 需要注意的是,:active 和:focus是不同的偽類,:active表示元素被激活的狀態,而:focus表示元素獲得焦點的狀態。
上一篇css設置邊框顏色實現
下一篇谷歌瀏覽器設置css漸變