CSS使元素獲得焦點
CSS中,使用:focus{}樣式來使元素獲得焦點。當用戶點擊或按Tab鍵將光標放在元素上時,元素就會獲得焦點并顯示:focus{}樣式。
例如:
input:focus{ outline: 2px solid blue; }
這個樣式將在用戶將光標放在input元素上時,為該元素增加藍色的外邊框。
:focus偽類可以與其他CSS偽類一起使用,如:hover,:active和:visited等
例如:
a:hover, a:focus{ color: red; }
這個樣式將在hover和focus時將鏈接變成紅色。
使用:focus樣式可以增強用戶與網頁的交互性,為網頁增添更多的視覺效果。
上一篇css保持單詞完整換行
下一篇JAVA杭州和上海哪個好