Javascript JQuery:$(this).text(';some#text';);导致我的链接有边界

Javascript JQuery:$(this).text(';some#text';);导致我的链接有边界,javascript,jquery,Javascript,Jquery,我有以下代码: $('a.btn-slide').toggle(function() { $("#SliderDIV").slideDown("fast"); $(this).text('Hide/Show'); }); 仅在Firefox中,当我单击a href链接隐藏/显示DIV时,Firefox会在href链接周围显示一个虚线边框(我不明白为什么,也不应该是这样) 然而,在IE和Chrome中,当我切换链接时,它不会在链接周围创建奇怪的边框。我想你是在谈论outline属

我有以下代码:

$('a.btn-slide').toggle(function() {
    $("#SliderDIV").slideDown("fast");
    $(this).text('Hide/Show');
});
仅在Firefox中,当我单击a href链接隐藏/显示DIV时,Firefox会在href链接周围显示一个虚线边框(我不明白为什么,也不应该是这样)


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

我想你是在谈论outline属性。这通常是一件令人讨厌的事情。您可以在主样式表中设置它,如下所示:

* {outline:none;}

我想你说的是大纲属性。这通常是一件令人讨厌的事情。您可以在主样式表中设置它,如下所示:

* {outline:none;}

因此,你想摆脱的

照办

a {
   outline: none;
}

但是,这会影响用户的键盘导航。他们将无法再确定他们现在已标记了哪个链接。

因此,您想删除该链接吗

照办

a {
   outline: none;
}

但是,这会影响用户的键盘导航。他们将无法再计算他们现在已标记的链接。

我相信您所说的是单击链接后出现的点状边框。。这是恼人的哈哈,但这里是我过去用来修复它的


这样,您就可以针对您的链接,避免与其他css元素发生任何问题

我相信您所说的是点击链接后出现的点状边框。。这是恼人的哈哈,但这里是我过去用来修复它的


这样,您就可以针对您的链接,避免与其他css元素发生任何问题

添加
大纲:无!重要信息
添加到元素的CSS。

添加
大纲:无!重要信息
到元素的CSS。

您是在谈论焦点矩形吗?您是在谈论焦点矩形吗?这将删除每个元素上的轮廓。。这可能会产生不必要的问题-因为手头的问题只是活动链接,所以最好将其限制在活动链接上。您能解释一下它会导致什么样的问题吗?这是个坏主意。大纲告诉你重点是什么元素,这是一个非常重要的可用性特性。看,这将删除每个元素的大纲。。这可能会产生不必要的问题-因为手头的问题只是活动链接,所以最好将其限制在活动链接上。您能解释一下它会导致什么样的问题吗?这是个坏主意。大纲告诉你重点是什么元素,这是一个非常重要的可用性特性。!重要信息应保留给残疾用户,以便他们可以超越您的css设置。继承层次结构中总有一种方法可以避免使用!重要!重要信息应保留给残疾用户,以便他们可以超越您的css设置。继承层次结构中总有一种方法可以避免使用!重要的