如何隐藏链接标签（A）的焦点

最新推荐文章于 2021-06-10 13:02:30 发布

zjf0921

最新推荐文章于 2021-06-10 13:02:30 发布

阅读量1k

点赞数

分类专栏： CSS 文章标签： firefox javascript 浏览器 class html ie

本文链接：https://blog.csdn.net/zjf0921/article/details/2909992

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
.hide-foucs {
/* Firefox样式 */
-moz-outline-style: none;
}
</style>
</head>

<body>
<a href="javascript:void(0)" hideFocus="true" class="hide-foucs">隐藏该链接的焦点</a>
</body>
</html>

在以上代码中，链接的属性hideFocus="true"适用于IE浏览器，class="hide-foucs"适用于Firefox浏览器。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zjf0921

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

tab标签样式焦点图切换代码

06-10

接下来，CSS部分将定义Tab标签的样式，以及焦点图内容的隐藏和显示。通常，非活动的Tab内容会被设置为`display: none`，只有当前选中的Tab内容才会显示。 ```css .tabs .content { display: none; } .tabs ....

Vue.js学习笔记（三）：隐藏a标签鼠标悬浮状态下浏览器左下角出现的链接地址

summer_gf的博客

04-22

4002

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 Vue.js学习笔记（三）：隐藏a标签鼠标悬浮状态下浏览器左下角出现的链接地址提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言前言提示：这里可以添加本文要记录的大概内容：当a标签悬浮时浏览器左下角会出现链接地址，为了隐藏链接地址，除了使用用点击事件代替以外，我们还可以一次性解决页面所有a标签悬浮出现链接的问题。 mounted() { this.deleteMsg();

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

鼠标悬浮<a>标签隐藏左下角链接内容

mie_999的专栏

01-29

5932

var statusmsg="隐藏的链接内容" function hidestatus(){ window.status=statusmsg; return true } 鼠标移上试一下以上是只是针对单个链接，如果你想把整个页面的链接都实现这种效果，可以在body标签改成：

去掉 a标签点击后的虚线框

红尘道，红尘练心

04-28

128

===IE=== 为链接添加onFocus事件 if(this.blur)this.blur()或者用IE的私有属性hideFocus="hide"; ===Firefox=== 添加CSS :focus{outline:0} 该CSS可以作为全局存在，即在样式表中单独存在一行该代码即可时全页面的链接不带有虚线框 ===Chrome, Safari=== 这两个浏览器在点击链接时本身没有虚线框...

a标签失去焦点

Better_mao的博客

07-31

1370

a标签失去焦点其他索引关键词：a标签位移部分点击小白在写HTML页面时，发现某处的a标签无法点击，仅在边缘位置可以获得焦点。使用F12审查元素发现a标签被边上的div盖住了，后面我们只需要将div标签的宽度改小就可以。这里可以在开发者工具界面，点击右上角的然后将鼠标放置于我们有异常的地方，就可以清楚看见标签的情况了。不知道以上内容有没有帮到你们呢~ ...

鼠标悬停<a>链接下<li>显示

masuwen博客

01-31

728

练习一练习二练习三选择题案例测试题 //实现功能: 当鼠标悬停到上, 展示下的所有菜单, // children() 方法返回被选元素的所有直接子元素。 function MM_over(mmObj) { var $mmObj=$(mmObj); $mmObj.

a标签样式和 a标签属性写法

12-13

a标签样式一组专门的预定义的类称为伪类，主要用来处理超链接的状态。...③ a:active：激活时（链接获得焦点时）链接的颜色 ,如 .mycls a:active{color:blue} ④ a:hover：鼠标移到链接上时 ,如 .m

HTML 链接锚标签及其在SEO中的作用介绍

09-28

除了用于创建外部链接，<a>标签还可以用于创建书签。通过使用name或id属性，可以为文档中的某个位置定义一个书签。用户可以通过在URL后面添加“#”符号和书签名来直接跳转到网页中的指定位置，例如<a href="#section...

HTML a 标签.docx

12-08

a 标签有两种用法：通过使用 href 属性，创建指向其他文档的链接；通过使用 name 或 id 属性，创建文档内部的书签。属性 ------ a 标签有多种属性，以下是一些常见的属性： * href 属性：指定链接的目标 URL。 *...

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

12-07

当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：复制代码代码如下:a:focus { outline:none; -moz-outline:none;}...

A标签隐藏传参

07-25

HTML JSP 页面A标签访问后台，JSP 或者直接跳转 HTML页面进行隐形传参

WEB前端 | HTML基础——(3)a标签、隐藏及浮动

Erosvan的博客

09-06

6776

一、a标签 a标签 /*a的伪类按lvha顺序，顺序不能互换，但可只写某一种状态*/ /*访问之前的状态*/ a:link { color: black; } /*访问之后的状态*/ a:visited { color: green; } /*鼠标放上去的时候*/ a:hover { displ

隐藏a标签html,a标签显示隐藏 js怎么控制a标签的显示和隐藏

weixin_29421255的博客

06-10

5037

js怎么控制a标签的显示和隐藏将标签放在层里面，控制层的显示和隐藏就可以: show是层的ID名，隐藏层：document.getElementById("show").style.display = "none"; 显示层：document.getElementById("show").style.display = "block";小编亦算知丑无谓强迫你难道要小编对着你句句要生要死。Html...

关于div标签的class为"hide"的记录

我以工笔画将你牢牢的记下的博客

08-05

2638

先上代码： <div id="importBox2" class="hide"> <form id="importForm" action="..." method="post" enctype="multipart/form-data" class="form-search animated fadeInRight" style="padding-left...

js隐藏a标签超链接

zhenlai2012的专栏

05-17

6460

直接上代码点击我

关于javascript:void(0)

10-25

493

为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作， <a href="...

a标签的显示隐藏