去掉链接时的虚框

最新推荐文章于 2021-08-04 01:17:32 发布
最新推荐文章于 2021-08-04 01:17:32 发布
阅读量526 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript技术 文章标签： firefox ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LIUJIMMY/article/details/4625569
本文介绍了一种简单的方法来移除网页链接聚焦时产生的虚线框。通过使用CSS样式表中的特定代码，可以针对不同的浏览器（如IE和Firefox）实现这一效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

去掉链接时的虚框只要在你的样式表中加入以下代码,就可以去掉链接时烦的的虚框

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */

js修改onclick动作的四种方式
LIUJIMMY的专栏
09-06 1万+
第一种：button.onclick = Function("alert(hello);");第二种：button.onclick = function(){alert("hello"); };第三种：button.onclick = myAlert;              function myAlert(){                     alert(
css如何去掉虚线框,CSS和JS去掉链接虚线框的多种方法
weixin_42538645的博客
08-04 738
当我们点击链接后，链接周围会显示一个虚线框，那么怎么去掉这个虚线框呢？其实方法还挺多，用CSS就可以，但使用javaScript似乎也是一个好方法。1. CSS方式去掉链接虚线框的方法：在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。前端框架示例加了hidefocus属性IE中用CSS处...
CSS：去除点击链接和按钮时出现的虚线框
qq_39366578的博客
11-15 556
在前端制作的过程中会发现，一些文字/图片链接，或者一些input控件，在点击时会在周围出现虚线边框，一般会在火狐和IE浏览器下出现虚线框，谷歌下不会有。   这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标，而用键盘Tab键进行页面浏览时，会标示出当前所在的链接或控件的位置，便于浏览。这对那些视觉有障碍的人士来说更是必不可少的。 但是有些时候我们却不想使用它们，因为浏览器对虚线框的解
链接点击时如何去掉虚框
chuancaoyu8214的博客
09-17 139
<map name="Map" id="Map"><area shape="rect" coords="237,70,482,160" href="#" onFocus="this.blur()"/></map>加上onFocus="this.blur()...
CSS属性去除图片链接时的虚线框
ddbvijy3067的博客
04-17 170
CSS 之 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性是一个简写属性，用于设置元素周围的轮廓线。注释：轮廓线不会占据空间，也不一定是矩形。这就可以了，就给点击链接加这个属性 a:active{outline:none} 可惜，IE下无效 再加一个 a:active {blr:expression(this.o...
去除点击链接时出现的虚线框
aiqixiao2017的博客
07-20 154
去除点击链接时出现的虚线框 链接在被点击时会出现虚线框，即使松开了也仍然存在，在有的时候显得不美观。既然不好看，那就不要它。怎样去掉呢？ 方法一 IE下可使用其私有的html属性：hideFoucs，在标签的结构中加入hidefocus="true"属性。即： <a href="http://w...
css如何去掉虚线框,CSS中怎么去掉A标签的虚线框
weixin_39913648的博客
08-04 318
CSS中怎么去掉A标签的虚线框发布时间：2021-07-09 16:47:42来源：亿速云阅读：53作者：Leah这篇文章给大家介绍CSS中怎么去掉A标签的虚线框，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可...
如何去掉点击a链接时周围的虚线框
web_note的博客
10-18 448
如何去掉点击链接时周围的虚线框outline属性 1. CSS方式  在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。  加了hidefocus属性 IE中用CSS处理的方式为： a{noOutline:expression_r(this.onF
去掉超级链接的虚线框
weixin_33984032的博客
11-11 143
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"&gt...
CSS和JS去掉链接虚线框的多种方法
08-12 388
当我们点击链接后，链接周围会显示一个虚线框，那么怎么去掉这个虚线框呢？其实方法还挺多，用CSS就可以，但使用javaScript似乎也是一个好方法。
如何取消链接虚线框
lihui4291的博客
05-26 545
在做网页的时候经常会遇到，链接带虚线框，怎么去掉它呢，这里给出两种方法 1、css取消链接虚线框 #toolbox li a { outline:none; hide-focus:expression(this.hideFocus=true); } 2、加onfocus事件 工具箱
去掉点击链接时出现的虚线框的几个方法
09-22
这种默认行为可能会在用户体验上显得不够专业，尤其是在进行精细布局设计时。...下面将详细讲解几种常见的方法，并介绍相关的知识点。 ...因此，在决定去除虚线框时，应权衡好易用性和美观性的平衡。
去掉点击链接时周围的虚线框outline属性
09-25
标题“去掉点击链接时周围的虚线框outline属性”以及描述中提到的问题，就是针对这一需求的解决方案。 首先，我们来看方法一，这种方法主要针对于Internet Explorer浏览器。IE浏览器提供了一个私有属性`hideFocus`...
css 去除连接时的虚线框
09-27
根据给定文件信息，主要有两种方法可以去除链接时的虚线框，一种是使用CSS属性“outline”并将其值设置为“none”，另一种是使用一个特定于旧版IE浏览器的表达式。 1. 使用outline属性 outline是CSS的一个属性，它...
去除链接元素的虚线框 兼容IE7、IE6、FF
10-30
在网页设计与开发中，去除链接元素在被点击时出现的虚线框是一个常见的需求。尤其是随着Web技术的发展，用户界面（UI）设计趋向于更加美观和精致，网页前端开发者需要考虑到更细节的用户体验问题。虚线框的出现，...
js动态添加删除表格行
LIUJIMMY的专栏
09-06 5734
                    增加Table行    // Example: obj = findObj("image1");function findObj(theObj, theDoc){ var p, i, foundObj;    if(!theDoc) theDoc = document;  if( (p = theObj.indexOf("?"
js获取上下文路径
LIUJIMMY的专栏
04-16 5280
<br />function getContextPath() { var contextPath = document.location.pathname; alert(contextPath+"=====") var index =contextPath.substr(1).indexOf("/"); contextPath = contextPath.substr(0,index+1); delete index; return contextPath; }
js获取当前应用名
LIUJIMMY的专栏
07-27 5031
<br />document.location.pathname <br /><br /> function getContextPath() { <br />   var contextPath = document.location.pathname; <br />   var index =contextPath.substr(1).indexOf("/"); <br />   contextPath = contextPath.substr(0,index+1); <br />
Ext.apply、 Ext.applyIf和Ext.extend
LIUJIMMY的专栏
04-22 1090
Ext.apply、 Ext.applyIf和Ext.extend：2008年07月25日 星期五 10:48Ext.apply、 Ext.applyIf和Ext.extend：Ext.apply(obj, config, [defaults]) 将config对象的所有属性都复制到另一个对象obj上， 第三个参数defaults可以用来提供默认值， 不过通常指用前两个参数就够了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值