当一个链接得到焦点时,默认会有个虚线框。如图:
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none;
来将其去掉。所以我们可以这样写:
a:focus {
outline:none;
-moz-outline:none;
}
顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果。
如果想去掉阴影效果也可以用 outline 属性。
input,textarea {
outline:none;
}
言归正传,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE
链接虚线框比较好的解决办法。所以只能用一个替代的办法,就是 a 标签的 hidefocus 属性(这个属性是 IE 独有的)。
<a
href="#" hidefocus="true">链接</a>
注意:JS 脚本对应的属性名是:hideFocus。对应的 JS 代码应该是:
xxx.hideFocus = 'true';
还有一种不推荐的办法。就是让链接得到焦点的时候失去焦点。
<a href="#"
onfocus="this.blur();">链接</a>
分享到:
相关推荐
去掉a标签超链接的虚线框的方法,需要的朋友可以参考下。
介绍: 方法二: 在页面中加入下面CSS代码即可
在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框,一般会在火狐和IE浏览器下出现虚线框,谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助,在不使用鼠标...
介绍: 方法二: 在页面中加入下面CSS代码即可
如何取消图片超链接时产生的虚框呢?由于产生的虚线框影响页面美观所以想把它去掉,本文提供两种去掉方法,感兴趣的朋友可以参考下哈
html消除点击超链接后产生的线框 for IE for Firefox for IE8
在Firefox里,鼠标点击一个链接时,它的周围即出现虚线画出的边框。这种例子遍地都是,在WordPress后台写这个文章的时候,随手点一下右边那些widget,就看到了这个问题(图片的右上角)
默认情况下,用户点击某个链接后,这个链接的周围会有一圈虚线来标识。很多Web设计师不喜欢这个虚线,通常都会用CSS来去掉。
但版主以上可以看见的修改方法 增加登录次数和上次登录时间 去掉鼠标滚轮缩放图片 论坛输入框外面加上美化虚线 分论坛帖子列表页面底部转换页面的数字的美化方法 帖子中增加随意调整字号...
scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 ...
scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 ...
去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 flashtext 制作仿...