如何去掉图片点击后的超级链接虚框？（已解决！）

最新推荐文章于 2021-02-01 09:34:00 发布
最新推荐文章于 2021-02-01 09:34:00 发布 · 314 阅读 · 0

本文介绍了一种在HTML中使用按钮并嵌入图像的方法，通过添加特定属性实现去除按钮获得焦点时的默认样式，适用于网页设计与前端开发。 
 <a  onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'>
                            <img  id="img_a" border=0 align="middle" src="login_image/a_1.jpg" alt="没有图片！">  </img>
                        </a>


onfocus=this.blur()
增加这个，可以去掉！
iteye_18480
关注
Unity2019场景应该如何烘焙？
leeby100的博客
08-16 1万+
本文将就网友所关注的Unity场景如何烘焙的话题，通过大量实例来讨论Unity3d烘焙的一般流程
面试题总结(测试理论)
weixin_47956764的博客
04-06 3126
操作系统之Linux 1、杀掉tomcat进程 ps -ef |grep tomcat kill -9 pid 2、启动http服务 service httpd start 3、查看可用内存，磁盘大小和CPU使用率的命令 free -m df -h top 4、给a.txt文件的属主和其他用户分别增加写和执行权限 chmod u+w,o+x a.txt 5、实时查看a.log日志文件的信息 tail -f a.log 6、查看8888端口是否被占用 netstat -an |grep 888
去除图片链接边框及其链接虚线
琉璃仙境
10-30 6073
用图片做为链接后，在图片的周围出现了一个带颜色边框，其实是由border属性来控制的。用就去掉了.可是当点击图片时，又出现了虚线框，这就是链接on focus的问题,与图片无关,去掉虚线框可用解决.
去掉图片链接点击后，图片周围的虚线框
若、相惜
08-04 1125
去掉图片链接点击后，图片周围的虚线框 同时兼容IE和火狐浏览器 a {outline: none;} a:active {star:expression(this.onFocus=this.blur());} :focus { outline:0; }
去掉链接点击时虚线框的几个方法
lichuhui
08-15 267
    在常规情况下，该虚线框是作为一种提示让用户明确当前关注的东西，然而如果我们把链接的4种状态样式设置比较完整的话，就不是特别需要虚线框的存在，因为它很有可能影响页面的美观。尤其是在做应用系统界面的时候，总给人一种浏览网页的感觉，显得不够专业。       当然，如果全盘否定掉链接虚线框，对使用键盘的用户体验可能又是个大弊端，但这是另外一个话题了。       下面介绍几种去掉链接点击...
去除网页上图片的虚框和a文字链接上的虚框
web开发
03-12 170
以前写样式去除a的链接虚框线我一般用a{ outline:none;}，最近看到一篇关于讲这方面知识的文章发现设置 a{outline:none;}虽然可以去除点击时留下的外框，但同时也扼杀了键盘操作focus时留下的虚框，用a{outline:none;} 虽是简单的方法但也带来了许多的不便，所以一般的设置方法是:active{outline:none;}...
html去掉图片超链接的边框：border:none
kungfu_panda的专栏
08-19 1万+
第一章（1） 计算机基础知识 点击下载
如何去掉图片点击后的超级链接产生的虚框问题(两种实现方法)
09-25
本文将介绍两种有效的方法来去除图片点击后超级链接产生的虚框，以提升用户体验。 方法一： 这种方法主要利用HTML的属性和JavaScript来实现。首先，我们可以为`<a>`标签添加`onfocus`事件，当该链接获取焦点时，...
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
微信通源码+wap手机版
08-06
2014.11.29 更改列表页面的产品排列方式 默认为列表形式，原版默认是大图形式，产品图片发虚，顾客体验不好(全网唯一更新) 2014.11.29 修复微信关注之后 关注回复内容编辑无效bug，关注回复内容完全自定义，可以...
去除网页上图片的虚框和连接上的虚框
asp.net
10-09 528
a {outline: none}a:link,a:visited,a:hover,a:active {blr:expression(this.onFocus=this.blur())}
鼠标移动到图片出现按钮,点击删除图片
通往架构师之路
02-06 1万+
.btnbox{ z-index:999; position:relative; left:400px; top:-350px; } function show(thisObj) { $(thisObj).children("div").css("display","block"); } function hide(thisObj) { $(thi
html去除图片链接边框及其链接虚线
白开淡饭
08-15 2774
转自 http://qiutian110119.blog.163.com/blog/static/5461731120130672423820/ html去除图片链接边框及其链接虚线 用图片做为链接后，在图片的周围出现了一个带颜色边框 用就去掉了边框 当点击图片时，又出现了虚线框 用就去掉了虚线框
去掉链接、图片、按钮等点击时出现的虚框
不知不觉 | 笔记
08-27 860
safari chrome等默认就没有边框的 主要是IE和firfox火狐 IEZH
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值