firefox等浏览器清除a标签点击后的虚线问题

最新推荐文章于 2019-04-04 11:37:00 发布

阿白白白

最新推荐文章于 2019-04-04 11:37:00 发布

阅读量331

点赞数

CC 4.0 BY-SA版权

文章标签：浏览器 firefox

本文链接：https://blog.youkuaiyun.com/abaibaibai/article/details/51920744

本文介绍三种方法实现网页中链接点击时不出现蓝色边框或高亮效果。第一种使用CSS样式清除a标签默认焦点样式；第二种借助jQuery阻止a标签获得焦点；第三种直接在a标签中通过onFocus属性实现。

1.CSS：

a {

outline: none;
}
a:active {
star:expression(this.onFocus=this.blur());
}
:focus {
outline:0;

}

2。jquery.

$(“a”).bind(“focus”,function() {
if(this.blur) {this.blur()};
});

3.直接写在a标签中

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿白白白

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

10-30

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

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

09-25

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

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

去掉 a 标签点击后出现的虚线

weixin_30663471的博客

11-12

106

<a href="#" onfocus="this.blur();"></a> 转载于:https://www.cnblogs.com/Zell-Dinch/articles/4092966.html

FireFox下出现虚线轮廓解决的方法

weixin_30755393的博客

04-10

110

FireFox下，当你点击一个超链接时会在外围出现一个虚线轮廓。这很容易解决，只需要在标签样式中加入 outline:none。　　a{ outline: none; } 转载于:https://www.cnblogs.com/using/archive/2009/04/10/1433347.html...

去除firefox点击链接时的虚线边框

clh604的专栏

11-20

4527

firefox浏览器点击链接时会自动在元素周围添加一个虚线边框，它是通过添加outline属性来实现的但很多时候我们不需要这样的边框，去除的方法有两种 1、在Firefox的地址栏输入about:config，回车。有一个配置项叫做“browser.display.focus_ring_width”，把它修改成0，点击链接时就不会出现那个边框 2、在css中添加配置

前端简单笔记

junhuafly的专栏

06-09

752

前端笔记，简单记录与整合

去掉点击链接时出现的虚线框的几个方法

09-22

请注意，这种方法可能不被IE浏览器支持，因此只适用于使用Gecko内核（如Firefox）和Webkit内核（如Chrome、Safari）的浏览器。 3. 使用IE特有的CSS表达式 IE浏览器支持使用CSS表达式（expression），可以结合...

纯CSS搞定按钮、链接点击时的虚线

09-25

这里将其边框颜色设为透明，确保在Firefox中点击按钮时不会出现虚线边框。`!important`确保这条规则的优先级高于其他可能覆盖它的CSS规则。此外，HTML代码中包含了两个按钮和两个链接，它们都在`.btns`类的容器内...

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

12-01

然而，需要注意的是，`hidefocus`属性是非标准的，只被IE浏览器支持，其他如Firefox、Chrome等现代浏览器并不识别该属性。 **方法二：CSS样式设置** 对于更通用且符合Web标准的解决方案，我们可以利用CSS来实现。...

onFocus="this.blur()"，

热门推荐

04-17

2万+

是一个输入框，用户输入文本的框就是类似于百度的搜索框，大小是20，value=""说明初始为空 onfocuse="this.blur()" onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()"，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了 ---------- 整个代码构成

去掉火狐浏览器中按钮点击后显示的虚线

weixin_34293141的博客

06-06

456

2019独角兽企业重金招聘Python工程师标准>>> ...

CSS中使用expression

zlggyn的专栏

01-15

473

CSS中使用expression只有ie才能识别IE5及其以后版本支持在CSS中使用expression用来把CSS属性和Javascript表达式关联起来这里的CSS属性可以是元素固有的属性也可以是自定义属性就是说CSS属性后面可以是一段Javascript表达式CSS属性的值等于Javascript表达式计算的结果在表达式中可以直接引用元素自身的属性和方法也可以使用其他浏览器对象这个表达

去掉超链接点击时出现的虚线框(好像只有IE能识别)

congcongsuiyue的专栏

11-27

1606

原型：”text/css”> a,img {可以自定义的属性： expression(onfocus=function(){this.blur()})} 也可引用外联css文件，把上面的style中间的那句代码写入css文件同样可以实现去掉虚线框下面的好像都可以做到： ”text/css”> a,img {zuo： expression(onfocus=function(){this.

解决Firefox中select选中时的虚线框问题

哈哈hyc的博客

11-19

1080

在前端页面需要下拉框的时候，不部分人还是会选择select情况的，不过还是可以自己手写一份，但是在select的时候要考虑到各种兼容问题，下面就是解决火狐浏览器select选中虚线的问题。 select:focus{ outline: 0; border: 0; } 这种方法是无效的。以下为正确的处理办法 select:-moz-focusring{ color: transpar...

解决点击超链接后，周围出现的虚线框的问题

weixin_30391339的博客

04-04

227

a{ text-decoration:none; outline:none;} a:active {star:expression(this.onFocus=this.blur());} 优点：兼容浏览器 转载于:https://www.cnblogs.com/zhangyu10/p/10653938.html

WEB前端 -- onfocus="this.blur()"

叶的博客

03-06

4037

focus是一个事件，前面加个on表示在这个事件发生的时候执行等号后面的预警，而blur()是this的一个方法，this.blur()就是让这个对象失去焦点。总之：作用就是在某对象获得焦点时使其失去焦点。这个语句仅仅是为了消除链接获取焦点（如tab键）后的虚线框<body> <a href="#" >第一个链接</a> <a href="#" &...

IE与FireFox浏览器兼容性解决方案及网页兼容常见问题

本文将详细讨论IE和Firefox浏览器的兼容性解决方案，以及如何使用网页IF注释标签来处理这些问题。 ### 网页兼容问题概述网页兼容性问题主要体现在不同浏览器环境下网页元素的显示效果、交互功能以及布局排版上的...