JQuery：$（this）.text（'some_text'）;导致我的链接有边框

Question

我有以下代码：

$('a.btn-slide').toggle(function() {
    $("#SliderDIV").slideDown("fast");
    $(this).text('Hide/Show');
});

仅在Firefox中，当我单击一个href链接来隐藏/显示DIV时，Firefox会在href链接周围显示一个虚线边框（我不明白为什么，也不应该这样）。

然而，在IE和Chrome中，当我切换链接时 - 它不会在链接周围创建这个奇怪的边框。

Answer 1

因此，您想要摆脱dotted outline？

只做

a {
   outline: none;
}

然而，这会影响使用键盘导航的用户。他们现在将无法确定他们现在标记的链接。

Answer 2

我认为你在谈论大纲属性。这通常是一件烦人的事情。您可以在主样式表中将其设置为：

* {outline:none;}

Answer 3

我相信你在谈论点击链接后出现的点缀边框..这很烦人哈哈，但这里是我过去用来修复它的东西

http://sonspring.com/journal/removing-dotted-links

a:active {
  outline: none;
}

这样您就可以专注于链接，并避免与其他css元素有任何问题。

Answer 4

将outline: none !important添加到元素的CSS。