CSS去掉默認藍框
:focus { outline: none; }
當我們在頁面中使用input、a等元素時,點擊后會出現一個藍色的外邊框,這個默認的外邊框樣式看起來不太美觀,而且也沒有什么實際作用。因此,我們需要使用CSS將其去掉。
上面的代碼使用:focus選擇器,表示元素獲得焦點時應用樣式。outline:none;的意思是去掉元素的輪廓線,即去掉默認的藍色外邊框。這樣,在我們點擊到元素時就不會出現藍框了。
一些網站為了提高可訪問性,會使用CSS增加替代的外邊框,比如使用紅色的虛線來代替默認的藍色外邊框,這樣對于視力有問題的用戶也能夠看到元素獲得焦點的情況。
總之,我們可以通過CSS去掉頁面中的默認藍框,提高頁面的美觀性和用戶體驗。
上一篇css去掉超鏈接所有樣式
下一篇css去掉橫向滑動效果