如何避免超链接在点选时产生的“虚线外框”呢？

最新推荐文章于 2022-06-27 11:09:50 发布
原创 最新推荐文章于 2022-06-27 11:09:50 发布 · 177 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css a

本文介绍如何在不同浏览器中去除超链接点击后的虚线框。对于IE浏览器，可以通过设置hideFocus属性实现；而在Firefox等浏览器中，则可以使用CSS的outline属性来达到同样的效果。

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

如何避免超链接在点选时产生的“虚线外框”呢？
有很多办法实现。可以用hideFocus。比如一个超链接，要使其点选之后不出现焦点虚线框： <a href=”http://wkeke.cn” hideFocus=”1” title=”蓝骑”> XX </a>
hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于用JS实现:onFocus=”this.blur()”。它的值是一个布尔值，如hideFocus=1。也可省略赋值直接写hideFocus。

但遗憾的是，hideFocus只在IE下有效；
Firefox中可以用CSS写： outline:none。
css基本语法（一）——选择器 字体 背景 超链接样式 边框
tcbdbd的博客
07-25 681
css 层叠样式表 主要功能 1.布局定位 2.美化页面 按书写的位置分为三大类 1.内嵌样式表 <html> <head> .............. </head> <body> </body> </html> <style type="text/css"> l...
python 散点图 虚线_Python可视化基础
weixin_39927861的博客
11-21 1662
可视化元素：画板和画布：figure and subplot图像的元素：其中的英文需要被记住根据需求选择图形：数值类型：散点图 - scatter时间序列：折线图 - line分类数据：柱状图 - bar颜色/地图分布：热图 - heat map如何用python的matplotlib进行可视化：折线图 - plot定义x,y轴上的点使用plot绘制线条显示图形#导入matplotlib的pypl...
去掉超链接或按钮点击时出现的虚线边框
u011983703的专栏
12-30 394
在用图片或文字作为超链接时以及用图片作为input控件的按钮时，会遇到很恶心的东西：在点击动作按钮时，经常会出现虚线边框，这个虚线太丑了。之前在网上搜的“border=0”根本不管用。下面介绍的是一种强大的方法可以取消掉： a,input,button{ outline:none; } ::-moz-focus-inner{border:0px;}
超链接 去掉焦点虚框 方法总结
☜ 我追求的天空 ☞┅┅┅┅┅﹣·☆
08-17 1653
超链接 去掉焦点虚框 方法总结
CSS 边框 背景 超链接
qq_42265536的博客
12-25 2341
边框： 对于一个元素，必须设置    border-width    border-style    border-color border-width : 宽度 border-style : 外观     none        无样式     hidden        与 none 相同，对于表，hidden 用于解决边框冲突     solid        实线     das...
去除超链接、span、button、input被选中时出现的虚线框
weixin_30699955的博客
02-24 255
有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？ 虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影响美观。 方法一： IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。即： <a href="http://www.taoba...
如何去掉点击链接时周围的虚线框
weixin_30678349的博客
11-23 117
如何隐藏掉点击链接时周围出现的虚线框呢？　　在常规情况下，该虚线框是作为一种提示让用户明确当前关注的东西，然而如果我们把链接的4种状态样式设置比较完整的话，就不是特别需要虚线框的存在，因为它很有可能影响页面的美观。所以我们要怎么样去除掉链接时外面的虚线框呢？下面我给大家提供两种方案：　　　　方案一：　　　　在IE下是使用html属性：hideFoucs，在HTML标签中加hidefocus=”tr...
【有趣的历史】为什么超链接是蓝色的？
PlayerYK的专栏
09-15 1122
原文：Elise Blanchard，Why are hyperlinks blue?[1]互联网已经深入到我们生活的各个方面。在这个数字世界中，有一件理所当然到你都不会去注意的事，为什么...
CSS超链接标记大全
six6de6的博客
06-27 2978
css链接设置快速了解！
去掉超链接的虚线框
10-23
当用户通过鼠标或触摸设备点击超链接时，大多数浏览器默认会在链接周围显示一个虚线框，这通常被称为“焦点轮廓”（focus outline）。这个设计的初衷是为了增强可访问性，帮助视觉障碍用户或使用键盘导航的用户更...
移除图片热点链接虚线框的CSS技巧
当用户在一个图片上的某个区域创建一个超链接时，浏览器默认情况下会在该区域周围显示一个虚线框，以标识该区域已被定义为一个链接。虽然这种虚线框对于开发和测试非常有用，但在最终的用户界面上，这些虚线框可能会...
Unity Text 实现文本超链接
a987654sd的博客
09-22 2627
Unity Text 实现文本超链接 由于Unity2019.1.5f1及更高版本不再存储Text的完整vertex信息，不支持unity2019.1.5f1及更高版本，所以以前的脚本不适用新的Text。因此，重新实现文本超链接功能。
虚线下划线
最新发布
05-18
在这个例子中，`text-decoration: none` 用于移除超链接或其他文本自带的下划线效果，而 `border-bottom` 则定义了一个蓝色的虚线下划线[^2]。 --- #### 方法二：结合 `::after` 伪元素实现自定义虚线下划线 如果...
linux 定时任务检查服务器是否正常
脉兜
02-28 1336
通过curl命令判断url返回状态，以此来确定服务是否正常： [code="serveer_status_check.sh"] #!/bin/bash STATE=`curl --head lym6520.iteye.com | awk 'NR==1' | awk '{print $2}'`; if [ "$STATE" -eq "502" ] ;then echo "echo "报警"...
关于oracle的ORA-00607和ORA-00600错误解决方法
脉兜
10-09 1104
前些天数据库服务器出现了一下错误： SQL*Loader-961: 对表 table1 调用一次/加载完成时出错 ORA-00607: Internal error occurred while making a change to a data block ORA-00600: internal error code, arguments: [kddummy_blkchk], [8]...
snaker工作流： java.lang.NoClassDefFoundError: de/odysseus/el/util/SimpleContext
脉兜
02-09 772
java.lang.NoClassDefFoundError: de/odysseus/el/util/SimpleContext 由于引用snaker工作流，部署的时候需要将 juel-2.1.2.jar 放到 tomcat/lib 目录下，同时需要删除el-api.jar重复包。...
oracle update\insert 获得响应记录数
脉兜
07-22 760
DECLARE BEGIN update tablename set field1 = 'value1' where field2 = 'value2'; dbms_output.put_line(sql%rowcount);--输出更新记录数 END;
根据国家统计局发布的“最新县及县以上行政区划代码”生成省地市区字典表...
脉兜
06-12 588
[url=http://www.stats.gov.cn/tjbz/xzqhdm/]国家统计局网站[/url] 表结构： [img]http://dl.iteye.com/upload/attachment/0069/4444/d1d0d034-d8d1-31b9-953b-426a76320078.png[/img] 附件为根据国家统计局公布的最新县及县以上行政区划代码（截止201...
数据源引用 java:/comp/env
脉兜
01-14 459
ENC的概念： The application component environment is referred to as the ENC, the enterprise naming context. 应用组件的业务逻辑应该是ENC中取得对象。组件提供者使用标准的部署描述符指定必需的ENC入口。这些ENC入口是运行时组件所依赖的资源等信息。 一个应用组件实例使用JNDI定位E...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值