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

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

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

css添加:outline:none

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

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

<a href="..."><img src="..."></a>

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章