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

最新推荐文章于 2025-08-30 13:50:56 发布
转载 最新推荐文章于 2025-08-30 13:50:56 发布 · 108 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/terminator404/p/5433842.html

本文介绍了一种方法来移除HTML中a标签被激活时显示的轮廓，通过使用CSS属性实现这一目标，适用于需要调整链接样式的情况。

为a标签添加这条属性：

a:focus {
outline:none;
-moz-outline:none;
}

转载于:https://www.cnblogs.com/terminator404/p/5433842.html

dingchunyi2321
关注
如何去掉图片点击后的超级链接产生的虚框问题(两种实现方法)
09-25
这样，所有`a`和`area`标签都会应用这个行为，当用户点击图片链接时，虚线边框也会被自动移除。 总结来说，这两种方法都能有效地解决图片点击后超级链接产生的虚框问题。第一种方法简单易懂，适用于不支持CSS行为的...
html圆点虚线,html的a标签点击后出现虚线框问题
weixin_39943992的博客
06-01 311
html的a标签点击后出现虚线框问题a标签点击后出现虚线框情况，一般出现在通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果，所以看不到这个虚线框。当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。 可是当鼠标点击的时候，也会出现这个方框，怎么...
去掉a标签点击后产生的虚线框
风雨无阻，执着追求!!!
07-25 1750
1，对于单独的一个a标签；在a标签里面添加onfocus="this.blur();"例如：focus="this.blur();">2，对于整个页面的a标签，可以在css里面添加body a{outline:none;blr:expression(this.onFocus=th
解决a标签点击会出现虚框现象
azienwclj05864745的博客
09-27 583
1.解决a标签点击会出现虚框现象。 　　当a标签获得焦点的时候，a标签的周围就会出现虚框，它不同于border，不占任何宽度，a失去焦点的时候就会消失，就是outline。 　　在遨游，Firefox ，IE的几个版本中就会看到、而Safari、Opera、Google 本身不支持这个效果，就看不到。 　　解决方法： 可以给a标签设置 outline： none；但在IE6、IE7...
[转]IE8消除点击a标签时产生的虚线框
weixin_34247299的博客
04-14 95
IE使用这三种方法消除链接虚线 1 <a href="#" hidefocus="true">aaa</a> 2 <a href="#" style="nofocus:expression(this.onFocus=this.blur())">aaa</a> 3 <a href="#" onfocus="blur()">aaa&...
去掉链接A标签周围的虚线框
gisyouqiang的专栏
03-07 187
去掉链接A标签周围的虚线框（IE、Firefox） 2009-11-03 11:14 一直没发觉原来text-index,会影响到A标签的虚线框（IE好像不会），点击时会产生难看的虚线。最近，项目整改的时候，这个问题折腾很很久。所以，整理了一些资料。以供参考。   一、局部消除 1.firefox 的链接有时会产生难看的虚线说是因为负值的 text-indent 的缘故，可我怎...
css如何去掉虚线框,CSS和JS去掉链接虚线框的多种方法
weixin_42538645的博客
08-04 770
当我们点击链接后，链接周围会显示一个虚线框，那么怎么去掉这个虚线框呢？其实方法还挺多，用CSS就可以，但使用javaScript似乎也是一个好方法。1. CSS方式去掉链接虚线框的方法：在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。前端框架示例加了hidefocus属性IE中用CSS处...
清除 A 链接在点击时会产生虚线的问题
weixin_30318645的博客
08-08 107
a{blr:expression(this.onFocus=this.blur())} 1.给元素固有属性赋值 　　下面是定义container容器的宽度，如果<725就为自己的宽度，否则就等于725，相当于max-width:725px;。 　　 <style type="text/css" media="screen"> 　　#...
解决点击链接时网页出现虚线框方法
iteye_18400的博客
05-28 882
在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
css-鼠标点击去除外边虚线键盘焦点加上
草泥马
09-12 8531
一、重要的前言 在IE以及Firefox浏览器下，默认情况下，点击链接文字或图片（特指a标签下的）。会留下一个轮廓框。曾经有一段时间，我称之为链接虚框。后来，改口了，因为我发现称之为链接虚框似乎有些不准确，狭隘了点。 由于点击链接会产生轮廓框就在IE和Firefox浏览器下会出现，而这两者的变现恰好有都是虚框(dotted)，所以会直接用链接虚框的表述代替链接轮廓框。事实上，链接外框不等于
JS特效：消除点击链接时产生的虚线边框
首先，从标题“去掉点击链接时出现的虚线.rar”来看，这个文件可能包含了一系列的代码或方法，旨在移除或隐藏在Web页面中，当用户点击一个链接（anchor tag，即<a>标签）时，浏览器默认显示的虚线边框。这种虚线边框...
excel有虚线
03-12
接着，在“页面设置”的“纸张方向”标签页中找到“缩放比例”，将其设定为适应单页宽度和高度，从而避免因超出边界而产生的额外分割线。 #### 方法三：移除条件格式或样式中的边框定义 如果虚线仅限于某几个特定...
29、地图与数据可视化中的谎言识别与偏差消除
metaverse5vr的博客
08-30 84
本文探讨了地图和数据可视化中常见的谎言与偏差问题，重点分析了如何通过调整地图设计（如颜色范围和分组方法）讲述截然不同的数据故事。文章还介绍了四种常见的数据偏差类型（抽样偏差、认知偏差、算法偏差和群体间偏差）以及针对地图数据特有的空间偏差（地图面积偏差、投影偏差、争议领土偏差和排除偏差）。通过使用Datawrapper工具进行实践操作，读者可以学习如何识别和减少这些偏差，以创建更真实、有意义的数据可视化作品。
【C、C#】基于 51 单片机与 RC522 的智能门禁系统（解决便捷安全与开锁慢问题）.zip
12-31
【C、C#】基于 51 单片机与 RC522 的智能门禁系统（解决便捷安全与开锁慢问题）.zip
AI时代，中小技术转移机构面临营收增长承压挑战，如何抓住新一代成果转化SaaS机遇实现成果转化成功率？.docx
12-31
AI时代，中小技术转移机构面临营收增长承压挑战，如何抓住新一代成果转化SaaS机遇实现成果转化成功率？
软件开发-UT模板(docker一键部署)
12-31
针对项目代码为C/C++语言编写的UT模板，测试工具为google test，采用docker环境，可一键部署使用。模板中设计了一个计算器项目作为案例，浅显易懂。
microservices-on-k8s
12-31
基于springcloud的微服务在k8s上的CICD的例子，包括基础环境部署（mysql、redis等）和微服务部署
vue2.0组件间通信方法
最新发布
12-31
代码转载自：https://pan.quark.cn/s/c2b80d54caad Vue.js 是一种广受欢迎的前端开发框架，其用途在于构建用户交互界面。 在 Vue 2.0 版本中，组件之间的信息交互是其关键特性之一，它保障了应用数据流向的顺畅性。 本资料将详尽阐述 Vue 2.0 中涉及父子组件以及非直接关联组件之间的通信途径。 1. **由父级组件向子级组件传输数据** 在 Vue 框架中，父级组件向子级组件传输数据的主要途径是通过 `props` 属性。 以下提供一个基础的范例： 父级组件（Parent）： ```html <parent> <child :child-msg="msg"></child> </parent> <script> export default { data() { return { msg: [1, 2, 3] }; } }; </script> ``` 子级组件（Child）： ```javascript export default { props: [childMsg], // 或者 props: { childMsg: Array // 指定输入数据类型，若不正确将引发警告 // 或者 childMsg: { type: Array, default: [0, 0, 0] // 设定默认值 } } }; ``` 通过这种方式，父级组件中的数据 `msg` 可以经由 `props` 传递给子级组件，并在子级组件内部加以运用。 2. **子级组件与父级组件之间的信息交换** Vue 2.0 遵循单向数据流动原则，即子级组件无法直接更动父级组件的数据。 然而，可以通过引发自定义事件来提示父级组件进行数据更新。 例如： 子级组件（Ch...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值