在CSS中,可以使用:focus
偽類來選中元素在獲得焦點時的樣式。當用戶使用鼠標、鍵盤或其他設備激活一個元素時,該元素就會獲得焦點,并且可以應用:focus
的樣式。
要將一個黑色邊框應用于選中的元素,可以使用以下CSS代碼:
:focus { outline: 2px solid black; }
這將在元素周圍繪制一個2像素寬、黑色的輪廓線。這個線條將在元素獲得焦點時顯示出來,并在失去焦點時消失。
注意,使用:focus
樣式時需要考慮可訪問性。如果您要在應用樣式時使用標簽,例如在一個<a>
鏈接上,那么必須為Link指定一個高對比度的顏色。這將有助于視力障礙者區分鏈接以及獲得焦點的元素。
上一篇css選擇next
下一篇css選中換背景圖片