CSS 選中高亮邊框
:active { outline: 2px solid blue; }
當用戶點擊頁面上的一個鏈接時,該鏈接就會被“激活”,這時可以應用上述樣式,為其添加一個藍色的 2px 實線邊框。
這個效果非常實用,因為它給用戶一種視覺反饋,讓他們知道自己所點擊的東西被正確檢測到了。同時它的樣式也非常容易自定義:可以改變邊框的顏色、寬度、線型等等。
需要注意的是,:active 偽類只對鼠標點擊事件有響應,對鍵盤事件則沒有;其他的偽類如:hover 或:focus 在這種情況下同樣不適用。而且某些瀏覽器對這個效果的渲染并不一致,可能會導致一些兼容性問題。因此,在實際開發過程中需要謹慎使用,選擇合適的場景。
下一篇單詞css不換行符