单击时按钮和链接周围有边框。
任何人都可以帮我解决删除它。
问问题
31526 次
13 回答
49
你可以这样预设：
:focus{
outline:0; /*removes the dotted border*/
}
但请记住（出于可访问性的原因）将 CSS 文件中的“稍后”样式设置为更明显的样式。例如 ：
a:focus, a:active{
color:#ff5500; /*different color than regular*/
}
input[type=submit]:focus, input[type=submit]:active{
background-color:#444; /*different color than regular*/
}
于 2012-08-17T14:20:03.880 回答
14
试试这个
a:hover, a:active, a:focus {
outline: 0;
}
于 2014-07-11T11:41:32.993 回答
6
它很难看，但大多数 IE 修复程序也是如此。
a:focus, *:focus {
noFocusLine: expression(this.onFocus=this.blur());
}
于 2012-08-17T14:18:04.867 回答
6
首先，我可以看到您的一个标签是IE7-bug，而这实际上更像是一项功能。使用此点的目的outline是让用户能够使用鼠标滚轮或tab按键在各种控件之间导航。
在任何情况下，要在元素“聚焦”时定义元素的样式，请使用 CSS:focus选择器。简单地说，这个大纲的样式属性是outline; outline: 0将防止出现焦点轮廓。
注意：您可能只想在您的按钮上应用该规则，而不是在所有元素上应用该规则，因为某些用户可能习惯于看到一些指示焦点的东西，这使得使用上述方法更容易导航。
希望以任何方式有所帮助。
于 2012-08-17T14:42:52.560 回答
5
outlineIE7 不支持CSS 。该“浏览器”需要以下 CSS 表达式：
a {
_noFocusLine: expression(this.hideFocus=true);
}
它也适用于较新的版本。
于 2013-07-18T11:47:00.280 回答
3
这可以解决问题
a {
outline:0;
}
于 2012-08-17T14:18:44.380 回答
3
这也将起作用
一种
{
大纲样式：无；
}
于 2013-05-17T06:59:38.767 回答
3
a:link{大纲样式：无；}`
于 2014-01-07T10:01:50.957 回答
2
尝试设置大纲属性：
a {
outline: 0;
}
于 2012-08-17T14:18:14.460 回答
2
于 2012-08-17T14:23:00.263 回答
2
将此规则应用于输入
input { outline : none ; }
于 2013-05-21T07:59:50.270 回答
0
这是所有关于删除外线并将您的 CSS 放在所需类名下的代码。（IE 中的类名。）标签示例
a{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
html 页面中所有标签的示例！
*{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
html 页面中带有 myClassName 类的标签示例！
.myClassName{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
html 页面中带有 id myidName 的标签的示例！
#myidName{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
希望这有助于在主要浏览器中工作，如果不是它们太旧，那么还有多少人仍在使用这种旧浏览器的机会！
注意：outline:none 0;在较新的浏览器中也可以工作，但不是全部。但是outline:0;是通用的，在那些浏览器中不理解'none'并且你得到默认值，但是在所有使用这个大纲的浏览器中理解为0：。IE7 需要这个_noFocusLine:expression(this.hideFocus=true);
或使用 Javascript 其余的！
window.document.getElementById("myidName").blur();
window.document.getElementById("myidName").hideFocus=true;
window.document.getElementById("myidName").style.outline=0;
或者
Obj=window.document.getElementById("myidName");
Obj.blur();
Obj.hideFocus=true;
Obj.style.outline=0;
或检查元素是否存在！
if (window.document.getElementById("myidName")){
Obj=window.document.getElementById("myidName");
Obj.blur();
Obj.hideFocus=true;
Obj.style.outline=0;
}
Javascript 可以解决 IE6 和 IE7 的问题，而其他 CSS 则不行！
于 2015-08-04T08:08:26.610 回答
-10
您可以使用以下代码执行此操作：
a:focus{
border: none;
}
于 2012-08-17T14:17:39.110 回答