博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS去掉 a 标签点击后出现的虚线框
阅读量:7084 次
发布时间:2019-06-28

本文共 462 字,大约阅读时间需要 1 分钟。

方法一:

  在a标签里加入js控制,当a标签被聚焦时,强制取消焦点<a href="#" οnfοcus="this.blur();">测试</a>

方法二:

   a:focus {  outline:none;   -moz-outline:none;}

方法三:

  在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}

 方法四:

  在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里。这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题。

方法五:

  不用a标签做链接,采用其他标签,使用js做出hover的效果,在css里加入cursour:pointer,设置鼠标以上时变小手。

  使用js做点击时的页面跳转等。

  最大的缺点是对seo友好性比前两种差很多。

转载于:https://www.cnblogs.com/lvmylife/p/5300681.html

你可能感兴趣的文章
Android中使用第三方jar包
查看>>
[转]Console命令详解,让调试js代码变得更简单
查看>>
堆是堆,栈归栈
查看>>
语法面试等题目汇总
查看>>
你写的Try...Catch真的有必要么?
查看>>
4安德鲁斯.2.2在系统,具有系统权限的应用程序无法读取或写入SD卡
查看>>
Java四种线程池newCachedThreadPool,newFixedThreadPool,newScheduledThreadPool,newSingleThreadExecutor...
查看>>
Android开发:使用ViewDragHelper实现抽屉拉伸效果
查看>>
CSS的position设置
查看>>
mysql实战优化之五: 更新/插入优化 sql优化
查看>>
Uber即将进驻扬州啦,车主火热招募中!
查看>>
缓存一致性协议
查看>>
JVM Input Arguments Lookup (JMX)(转)
查看>>
我持续推动Rust语言支持Windows XP系统
查看>>
Http状态码说明
查看>>
浏览器缓存相关http头
查看>>
Autofac.Integration.Owin
查看>>
NGINX反向代理
查看>>
完整部署CentOS7.2+OpenStack+kvm 云平台环境(6)--在线调整虚拟机的大小
查看>>
[LeetCode] Sort Characters By Frequency 根据字符出现频率排序
查看>>