2016-01-06 100 views
12

当我点击我的网站,它周围产生链接的轮廓,像这样如何删除链接点击大纲?

enter image description here

我已经尝试添加一个链接:

a.image-link:focus { outline: 0; } 

a {outline : none;} 

但似乎没有任何东西可以摆脱它。有没有办法删除它?

+1

也许'a:active {outline:0;}' –

+0

可能重复[如何删除超链接图像的轮廓?](http://stackoverflow.com/questions/814366/how-cani-i-删除大纲周围的超链接图像) – isherwood

+2

请注意,这些轮廓对于一些禁用用户非常重要。出于这个原因,我们许多人已经同意他们的存在。 https://www.tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ – isherwood

回答

19

只要做到:

a:active, a:focus { 
    outline: 0; 
    border: none; 
    -moz-outline-style: none 
} 
+0

在Firefox中无法正常工作: -/ –

+0

我已更新为您解决问题。我已将焦点状态指向链接,并添加了moz-outline属性。 :)你能确认吗? –

+0

'边界'没有什么待办事项。 –

0

修正:

在我的CSS,有已经产生对a:active创建大纲代码发现了。这是重写我的代码,并删除它解决了问题。

相关问题