在我們編寫網頁的過程中,經常會出現點擊鏈接或按鈕后出現藍色或者灰色的虛線邊框的情況。這種虛線邊框看起來并不美觀,所以我們需要尋找方法來解決這個問題。
a { outline:none; }
我們可以使用CSS中的outline屬性來解決這個問題。outline是CSS中一個用于控制元素外觀的屬性,它可以定義元素的輪廓線。
當用戶點擊鏈接或按鈕時, outline屬性會對其進行操作,描繪出一個突出的虛線邊框,以便用戶知道自己選擇了哪個元素。但是我們可以通過將outline屬性設置為none,來去除這個虛線邊框。
button:focus { outline:none; }
除了a元素外,我們還可以在CSS中為其他元素設置outline屬性來消除其虛線邊框。比如針對按鈕元素,我們可以使用:focus偽類來去除其藍色虛線邊框。
在去除虛線邊框時,我們應該確保不會使網頁的可訪問性受到影響。
上一篇css 去除橫向滾動條
下一篇css3文本溢出屬性