回答
它的丑陋,而且还有最IE修复。
a:focus, *:focus {
noFocusLine: expression(this.onFocus=this.blur());
}
您可以使用此代码做到这一点:
a:focus{
border: none;
}
@maanu - 来吧,为什么接受这个答案?这甚至没有工作!您感兴趣的房产是大纲,而不是边界。在IE中试试这个:http://jsfiddle.net/dLVyK/10/ =仍然看到outline =不工作。 – darma 2012-08-17 18:29:00
@Zendy我赞赏你的努力,但不幸的是你的灵魂不适合我。在windows xp上运行时遇到了一个IE问题,它只能通过这个hack代码修复:noFocusLine:xpression(this。onFocus = this.blur());'这就是为什么接受正确的答案 – Muhammed 2014-08-15 15:50:21
@darma这是什么exactely帮助我作为解决方案http://www.cssjunction.com/css/remove-dotted-border-in-ie7/ – Muhammed 2014-08-15 15:51:41
尝试设置outline property:
a {
outline: 0;
}
这会做的伎俩
a {
outline:0;
}
您可以预设会这样:
: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*/
}
首先,我可以看到您的一个标签是IE7-bug
,而这实际上更像是一个功能。使用这种虚线outline
的目的是使用户能够使用鼠标滚轮或tab
键在各种控件之间导航。
在任何情况下,要定义元素“聚焦”时的样式,请使用CSS :focus
选择器。风格这个大纲的财产,一般,outline
; outline: 0
将防止焦点轮廓出现。
注:您可能希望应用该规则只在您的按钮,而不是在所有的元素,因为有些用户可能是看惯的东西来表示焦点,这使得它更容易使用上面提到的方法导航。
希望能以任何方式提供帮助。
这也将工作
a { outline-style:none; }
此规则应用于输入
input { outline : none ; }
CSS outline
不IE7支持。这种“浏览器”需要以下CSS表达式:
a {
_noFocusLine: expression(this.hideFocus=true);
}
它的工作原理也较新版本。
谢谢你回答 – Muhammed 2014-03-05 22:02:32
试试这个
a:hover, a:active, a:focus {
outline: 0;
}
这是各地的代码删除outerline,并在您的CSS下所需的类名。 (的className在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;
是普遍的,在那些浏览器中不理解“无”,你会得到默认值,但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的技巧can't!
- 1. 按钮周围的虚线边框
- 2. 如何删除Firefox 4中围绕Silverlight 4的虚线边框?
- 3. 删除Qt中QLabel周围的边框
- 4. ie6和ie7删除图像精灵周围的边框
- 5. 删除小部件周围的虚线
- 6. 如何删除IE7中的iframe边框?
- 7. 删除标题栏周围的边框
- 8. 如何删除Firefox中的按钮周围的蓝色边框?
- 9. 如何去除html和css中元素周围的边框线?
- 10. 如何删除我的图像周围的边框?
- 11. CSS3:如何删除柔性容器周围的白色边框?
- 12. 如何删除工具栏周围的边框?
- 13. 如何删除nivo滑块周围的边框
- 14. 如何删除按钮周围的边框?
- 15. 如何删除GtkButton周围的“选定”边框?
- 16. Firefox - 删除无线按钮周围的虚线
- 17. WPF:删除样式化列表框中焦点项目周围的虚线边框
- 18. 如何删除the_attachment_link图像周围的链接在WordPress
- 19. 在UIAlertController中删除填充和textField周围的边框
- 20. 如何在添加边距后删除工具栏周围的额外边框?
- 21. 删除GridView周围的边界空间
- 22. 如何删除链接周围的虚线。我不想使用大纲:0或没有属性
- 23. 如何删除轮廓虚线边框使用CSS
- 24. 如何在点击时删除“虚线边框”?
- 25. 如何删除JavaFX中的超链接边框?
- 26. 如何虚线边框
- 27. 如何删除ExtJS中折叠标题周围的边距
- 28. 如何摆脱周围的边框和图像作为Firefox中的链接?
- 29. 删除图像周围的黑色边框
- 30. 删除菜单项周围的薄边框
这是重点标记。它告诉那些没有使用鼠标/轨迹球/等的人来浏览他们在文档中的位置。除非用更明显的东西替换它,否则不要移除它。 – Quentin 2012-08-17 14:17:31
如果您告诉我们您到目前为止尝试过的方法以及为什么它不起作用,它会有所帮助。这样我们可以帮助你更好/更快! – Jeroen 2012-08-17 14:18:12