a链接点击出现虚线边框的解决办法

最新推荐文章于 2022-02-26 20:06:19 发布

原创最新推荐文章于 2022-02-26 20:06:19 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

前端常见问题及解决方案专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过CSS代码消除网页中链接点击时产生的虚线边框的方法。只需简单地将提供的CSS代码添加到样式表中，即可实现这一效果。

a链接点击出现虚线边框只需要在CSS加入下列样式，即可消除：

a{
	-webkit-tap-highlight-color:transparent;
	outline:none;
	blr:expression(this.onFocus = this.blur());
}
a:focus{
	outline:none;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

探寻时间

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

去除在FireFox中点击链接时,出现虚线边框的解决办法

09-22

总结来说，Firefox中点击链接时出现的虚线边框是其遵循Web标准的一种体现，旨在提升辅助功能。但根据设计需求，我们可以通过CSS来调整这一行为。在处理这类问题时，应尽量平衡视觉效果和辅助功能，确保所有用户都能...

去掉点击链接时出现的虚线.rar

07-04

标题“去掉点击链接时出现的虚线”所涉及的知识点，就是如何通过编程技术，特别是JavaScript，来消除这种链接的虚线边框。在HTML中，`<a>`标签用于创建超链接，当用户鼠标悬浮或点击链接时，浏览器会根据其默认...

参与评论您还未登录，请先登录后发表或查看评论

a标签如何去除点击链接时出现的虚线框

weixin_30848775的博客

02-10

127

<a>标签点击时会出现虚线框，如何去掉这虚线框呢？在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： <a href="#" hidefocus="true" title="腾讯网">腾讯网</a> 而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即： a { outl...

去除点击链接时出现的虚线框

影子的影子在这里看你

05-07

551

有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影响美观。方法一： IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。即：淘宝网而在 Fi

<a></a>标签点击后四周出现虚线条，该怎么去掉

wyhbk的博客

03-20

216

加上这个就可以了 a{ outline:none; }

a链接点击出现蓝色边框解决办法

我爱分享

09-25

4179

css中添加 -webkit-tap-highlight-color: transparent; outline: none; .pageStr span a { border: 1px solid #e4e4e4; color: #999; cursor: pointer; display: inline-block; height: 29px

消除 a标签点击后边框

weixin_40087279的博客

08-06

2943

消除a标签点击后边框，添加css： a:focus {outline-style:none; -moz-outline-style: none;} 转载自http://192.168.1.130:8002/home.html

firefox的超链接点击去除扩大的难看虚线的解决方法

10-30

针对这一问题，有几种方法可以消除Firefox中点击超链接时出现的虚线边框。首先，用户可以通过在Firefox的配置设置中进行修改，但这不是一个推荐的解决方案，因为它会影响到浏览器全局的行为。具体操作是，打开地址栏...

去掉点击链接时周围的虚线框outline属性

09-25

在网页设计中，当用户点击一个链接时，浏览器通常会显示一个虚线边框来突出显示当前被聚焦的元素，这是为了辅助用户操作，特别是对于使用键盘导航的用户。然而，这种虚线边框可能不符合某些设计师的视觉要求，因此...

使用CSS清除按钮和超链接点击时产生的虚线

09-25

在网页设计中，当用户通过键盘或辅助工具（如屏幕阅读器）进行导航时，按钮和超链接在...通过上述方法，你可以有效地清除按钮和超链接点击时产生的虚线，并且在保持良好的用户体验和可访问性的前提下优化网站的设计。

关于 a 标签链家连接后出现虚线边框的解决办法

lrp9090的博客

05-05

349

1.解决问题展示：a标签，点击链接后，出现虚线边框 2.解决办法：在a标签中加入 οnfοcus=“this.blur();” 即可去除俩侧的边框； 3.部分代码： <li id="mb_robot" class="robot"> <a onfocus="this.blur();" href="https://www.baidu.com" target="_...

前端开发小技巧——取消a标签点击之后的虚线框

热门推荐

moumaobuchiyu的博客

12-09

1万+

什么是a标签点击之后出现的虚线框？如图所示，当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。

css消除a标签点击后的虚线框

781193278专栏

04-11

5339

当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个虚线框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、Opera、Google浏览器等本身就不支持这个效果，所以看不到。这个就是a标签被聚焦后出现了虚线框，也就是outline。取消a标签点击后的虚线框方法：

css清除a标签点击后虚线边框问题

liujinsuoabc的专栏

07-19

926

a:focus {-moz-outline:none;/*chomem*/} a:focus { -moz-outline-style: none;/*chomem*/ } a:focus {outline:none;/* FF,ie8,chomem */} a{ blr:expression(this.onFocus=this.blur())/*ie6,ie7*/}; input,texta

手机端页面去除a标签点击时的蓝色边框

第7维度 - 日常笔记

05-22

4568

手机端页面去除a标签点击时的蓝色边框 a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}

a 标签点击有边框的问题

奥特曼的小怪兽

12-23

1706

在ie浏览器或者其他浏览器中，我们点击标签有时候会有边框显示，比较难看我们在页面的css中写入样式即可 a:focus{ outline:none; }

CSS去掉A标签（链接）虚线框的方法

html基础教程

02-26

1600

当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：代码如下: a:focus { outline:none; -moz-outline:none; } 顺便提一下，如果你用过 Safari 和 Chrome 可能会发现，当输入框得到焦点时边框会出现...

取消map area 点击时候的边框

ISaiSai的专栏

03-29

4294

map area{ outline: none; }

为什么给链接a加边框加不上

周百万的博客

02-26

1855

我们在日常敲代码中经常会遇到给链接a加边框加不上的情况！按道理说是没有问题的，但为什么会加不上呢！我也是在网上研究了好久才明白的。在实际网页开发中，我们不是直接给一个图片的，而是给这个图片一个链接，用户一点击图片就可以链接到商品的目标地址。 <a href="#"><img src="#" alt=""> </a> 但是图片是一个块状盒子，如果直接给链接a设置边框，是行不通的。 ...