天天看點

如何去掉button、img、a點選時的邊框

在做頁面的時候,有時候會發現點選一些按鈕會自帶一些邊框,這是浏覽器添加的,但是自己并不想要,那麼很簡單,

就是在給這些有按鈕的地方去掉邊框

css添加:outline:none

有時候發現點選img的時候也會有,但是添加這個css并沒有解決,怎麼回事?

其實img本身是點選沒有任何邊框的,基本是自己添加了有點選效果的标簽,例如a,看看自己寫的時候是不是這樣:

<a href="..." target="_blank" rel="external nofollow" ><img src="..."></a>

這時候點選圖檔的時候就會發現有邊框,當自己給img添加outline:none的時候沒有去掉邊框,其實應該是給a标簽添加outline:none,這時候再去點選img就會發現沒有那個邊框了

一般會出現邊框的按鈕:select、a、button、input

繼續閱讀