IE浏览器下点击a标签有虚线框的问题

最新推荐文章于 2018-11-27 09:22:37 发布
原创 最新推荐文章于 2018-11-27 09:22:37 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#a标签在ie下点击时有虚线框的问题 #html5 #css #浏览器

本文介绍了如何在不同浏览器中去除a标签点击后的虚线框。对于IE浏览器, 可以通过添加hidefocus属性实现；而对于Chrome、Opera及Safari等浏览器，则需要使用CSS的outline属性设置为none。

IE浏览器下点击a标签会出现虚线框，查阅相关资料之后将解决方法记录一下：去除a链接虚线框方法是：

ie下用hidefocus属性：‘ hidefocus=”true” ’

Chorme/Opera/Safari下使用：outline:none。

例如: <a href=”#” hidefocus=”true” >链接</a>
a:focus {outline-style:none; -moz-outline-style: none;}


IE下target获得焦点时产生虚线问题的解决方法
09-25
通过这种方式，当用户点击这些元素使其获得焦点时，IE浏览器不会显示通常的焦点虚线框。这使得页面布局和设计更加符合开发者的初衷。 除了使用hidefocus属性之外，有时还可以通过CSS样式来实现类似效果。比如，使用...
去掉点击链接时出现的虚线框的几个方法
09-22
IE浏览器支持使用CSS表达式（expression），可以结合onfocus属性来实现隐藏虚线框的功能。通过以下代码可以实现： a{blr:expression(this.onFocus=this.blur());} 这段代码通过在IE浏览器中运行JavaScript表达式来...
去掉超链接点击时出现的虚线框(好像只有IE能识别)
c1552182083的博客
09-29 300
a{outline:none:}          A:active{star:expression(this.onFocus=this.blur());}          A:focus{outline:0;} 链接：http://blog.youkuaiyun.com/congcongsuiyue/article/details/16986355
IE浏览器去掉FLASH虚线框
so554278054的专栏
02-21 1035
在windows xp sp2以上的浏览器浏览带有flash导航的网页时,flash四周会出现一个虚线框,并且提示”单击激活此控件”,让那上面的按钮必须单击两次才能使用目前只发现了一种方法,即把flash代码放入js里.实现一:AC_FL_RunContent( ‘codebase’,http://download.macromedia.com/pub/shockwave/cabs/
如何解决IE7中虚线框问题
yihanzhi的博客
05-27 434
解决方法一： 为标签添加属性：hideFocus=’true’ hideFocus相当于 onFocus=”this.blur()”。 例：链接内容解决方法二：借助css表达式解决 a{star:expression(this.onFocus=this.blur());outline:none;}
IE去掉链接虚线框的几个方法
weixin_30888413的博客
10-24 133
转载自：http://www.hujuntao.com/archives/ie-remove-the-link-to-the-dotted-rectangle-several-ways.html 虚线框简直就是个多余的东西，上一篇教大家怎么去除Firefox中链接和按钮虚线框，今天叫大家去掉去除IE中链接的虚线框。 方法一：利用javascript的onfocus事件，实现如下： H...
去掉点击链接时周围的虚线框outline属性
09-25
标题“去掉点击链接时周围的虚线框outline属性”以及描述中提到的问题，就是针对这一需求的解决方案。 首先，我们来看方法一，这种方法主要针对于Internet Explorer浏览器。IE浏览器提供了一个私有属性`hideFocus`...
css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器
09-22
当用户在网页上进行操作时，特别是点击链接元素时，浏览器往往会默认给这些元素加上一个虚线框来标示出当前被激活的元素，这种行为在不同的浏览器上可能会有所不同，但其主要目的是为了向用户指示哪个元素是当前焦点...
前端开发小技巧——取消a标签点击之后的虚线框
热门推荐
moumaobuchiyu的博客
12-09 1万+
什么是a标签点击之后出现的虚线框？如图所示，当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。
消除IE下a标签点击后出现的虚线框
scanner_new的博客
11-27 413
并非原创，只是记录一下以备不时之需： &lt;a href="#" onfocus="this.blur();"&gt; 这里设置聚焦时触发blur();强制取消焦点。
html a标签 图片边框和点击后虚线框的问题
未子涵的博客
04-13 4115
一直在在chrome上开发自己的项目，今天上ie和firefix一看，真丑，a标签在使用图片时，多加了蓝色的边框，并且点击后所有a标签都会出现一个虚线框，但是chrome中一直没发现这个问题，所以为了兼容性，还是在css中追加了做这个处理的式样进去： 去边框的方法，img标签增加属性： border='0' 去点击后的虚线的方法，a标签增加属性： outline:none; 另外，
去除火狐浏览器点击连接时出现虚线边框
我本微末凡尘，却也心向太阳
08-04 1600
firefox浏览器点击链接时会自动在元素周围添加一个虚线边框，它是通过添加outline属性来实现的 去除的方法：a{ outline:none; }  或者缩小范围 a:focus{ outline:none; }
解决点击链接时网页出现虚线框方法
iteye_18400的博客
05-28 879
在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： &lt;a href="http://www.yanzhaoit.com" hidefocus="true" title="做有用网站，找燕赵互联"&gt;燕赵互联&lt;/a&gt; input{blr:expression(this.hideFocus=this.blur()); }   a:visi
记一个比较诡异的“bug”-快速点击下，ie下面a标签（javascript:void(0)）打开新页面
xiaopeng2493的博客
10-28 4167
记一个比较诡异的“bug”-快速点击下，ie下面a标签（javascript:void(0)）打开新页面
css消除a标签点击后的虚线框
781193278专栏
04-11 5339
当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个虚线框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、Opera、Google浏览器等本身就不支持这个效果，所以看不到。 这个就是a标签被聚焦后出现了虚线框，也就是outline。      取消a标签点击后的虚线框方法：
去除点击按钮时出现的虚线框
奇妙的博客
07-31 1742
       最近发现，在点击按钮时会在周围出现虚线边框，这些虚线边框可以更好的看清按钮位置所在，便于浏览。但是有些时候我们却不想使用它们，因为浏览器对虚线框的解析有差异，并且不规则，所以看起来反而成为了某种缺陷。所以这种时候，我们想要禁用这些虚线边框，使页面看起来更美观。        下面介绍去除这些虚线边框的一些方法： 1. outline:none；（较为常用） 优点是代码简洁，...
解决IE浏览器FLASH虚线框问题的两种技巧
本文件所讨论的问题是，在使用IE浏览器时，当用户将鼠标悬停在网页上的Flash对象上，会出现一个虚线框，并伴随“单击以激活并使用此控件”的提示。这个问题不仅影响了用户的浏览体验，也降低了网页的美观性。文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值