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

最新推荐文章于 2020-12-01 16:58:42 发布
最新推荐文章于 2020-12-01 16:58:42 发布
阅读量1.2k 收藏
点赞数
分类专栏： 开发过程中遇到的问题 文章标签： a标签在ie下点击时有虚线框的问题 html5 css 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/webFront/article/details/77981077
版权

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;}


子化诗理
关注
专栏目录
前端开发小技巧——取消a标签点击之后的虚线框
moumaobuchiyu的博客
12-09 1万+
什么是a标签点击之后出现的虚线框？如图所示，当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。
去掉超链接点击时出现的虚线框(好像只有IE能识别)
c1552182083的博客
09-29 247
a{outline:none:}          A:active{star:expression(this.onFocus=this.blur());}          A:focus{outline:0;} 链接：http://blog.csdn.net/congcongsuiyue/article/details/16986355
IE浏览器去掉FLASH虚线框
so554278054的专栏
02-21 982
在windows xp sp2以上的浏览器浏览带有flash导航的网页时,flash四周会出现一个虚线框,并且提示”单击激活此控件”,让那上面的按钮必须单击两次才能使用目前只发现了一种方法,即把flash代码放入js里.实现一:AC_FL_RunContent( ‘codebase’,http://download.macromedia.com/pub/shockwave/cabs/
如何解决IE7中虚线框问题
yihanzhi的博客
05-27 380
解决方法一： 为标签添加属性：hideFocus=’true’ hideFocus相当于 onFocus=”this.blur()”。 例：链接内容解决方法二：借助css表达式解决 a{star:expression(this.onFocus=this.blur());outline:none;}
IE去掉链接虚线框的几个方法
weixin_30888413的博客
10-24 101
转载自：http://www.hujuntao.com/archives/ie-remove-the-link-to-the-dotted-rectangle-several-ways.html 虚线框简直就是个多余的东西，上一篇教大家怎么去除Firefox中链接和按钮虚线框，今天叫大家去掉去除IE中链接的虚线框。 方法一：利用javascript的onfocus事件，实现如下： H...
IE下target获得焦点时产生虚线问题的解决方法
09-25
通过这种方式，当用户点击这些元素使其获得焦点时，IE浏览器不会显示通常的焦点虚线框。这使得页面布局和设计更加符合开发者的初衷。 除了使用hidefocus属性之外，有时还可以通过CSS样式来实现类似效果。比如，使用...
去掉点击链接时周围的虚线框outline属性
09-25
标题“去掉点击链接时周围的虚线框outline属性”以及描述中提到的问题，就是针对这一需求的解决方案。 首先，我们来看方法一，这种方法主要针对于Internet Explorer浏览器。IE浏览器提供了一个私有属性`hideFocus`...
css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器
09-22
当用户在网页上进行操作时，特别是点击链接元素时，浏览器往往会默认给这些元素加上一个虚线框来标示出当前被激活的元素，这种行为在不同的浏览器上可能会有所不同，但其主要目的是为了向用户指示哪个元素是当前焦点...
去掉点击链接时出现的虚线框的几个方法
09-22
IE浏览器支持使用CSS表达式（expression），可以结合onfocus属性来实现隐藏虚线框的功能。通过以下代码可以实现： a{blr:expression(this.onFocus=this.blur());} 这段代码通过在IE浏览器中运行JavaScript表达式来...
消除IE下a标签点击后出现的虚线框
scanner_new的博客
11-27 368
并非原创，只是记录一下以备不时之需： &lt;a href="#" onfocus="this.blur();"&gt; 这里设置聚焦时触发blur();强制取消焦点。
css消除a标签点击后的虚线框
781193278专栏
04-11 5249
当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个虚线框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、Opera、Google浏览器等本身就不支持这个效果，所以看不到。 这个就是a标签被聚焦后出现了虚线框，也就是outline。      取消a标签点击后的虚线框方法：
A标签的虚线
caibinghong的专栏
05-20 531
    盲人站长深恶痛绝的onfocus=”this.blur()” 这篇文章是淘宝的妙净写的   杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件，就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页面时，他对我们前端的同学特别...
IE浏览器下a标签点击BUG
wdmo2016的博客
03-13 786
## Bug描述：      ie浏览器下a标签点击出现虚线框 ![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2716333-da84d8885bf6098c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ## Debug过程：  
a标签下载在IE浏览器不兼容问题
fhx308050的博客
12-01 2487
今天碰到用户使用后台点击下载无效问题，通过其他浏览器测试其实是没问题的，但是根据用户反馈他使用的是IE浏览器，所以本人测试了使用<a>标签在IE下触发下载可能保存时会直接将文件命名成download，并且还没有文件后缀，所以用户可能会不知道你下载的是什么。 其实写过好几个后台的下载都是要么使用<a> download 属性或window.open实现下载效果，使用这两个方法除IE浏览器外，应该大部分浏览器都可以实现下载效果的。 例如： //下载 function downl.
qpushbutton 点击之后有虚线框
最新发布
06-13
这个虚线框是指 QPushButton 被选中时显示的背景框，一般用于键盘操作。如果您希望去掉这个虚线框，可以使用以下代码： ```cpp button->setAttribute(Qt::WA_MacShowFocusRect, false); // macOS button->setAttribute(Qt::WA_TranslucentBackground, true); // Windows button->setFocusPolicy(Qt::NoFocus); // Linux ``` 其中，`setAttribute(Qt::WA_MacShowFocusRect, false)` 可以在 macOS 上去掉虚线框，`setAttribute(Qt::WA_TranslucentBackground, true)` 可以在 Windows 上去掉虚线框，`setFocusPolicy(Qt::NoFocus)` 可以在 Linux 上去掉虚线框。您可以根据您的应用程序平台选择适合您的代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值