首页 > Web开发 > 详细

css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器

时间:2015-12-02 00:26:21      阅读:265      评论:0      收藏:0      [点我收藏+]

技术分享

部分代码:

复制代码
代码如下:

<ul class="about_nav">
<li class="nav1"><a href="about.html" class="fontnav ">脚本之家</a></li>
<li class="nav2"><a href="about_webintro.html" class="fontnav">脚本之家</a></li>
<li class="nav3"><a href="about_operation.html" class="fontnav">脚本之家</a></li>
<li class="nav4"><a href="about_system.html" class="fontnav">脚本之家</a></li>
<li class="nav5"><a href="about_contantus.html" class="fontnav">脚本之家</a></li>
</ul>

解决方法:
1.在css中加上outline:none;

复制代码
代码如下:

a.fontnav { text-align:left;color:#555; text-decoration:none; outline:none}

ps: outline:none 只在firefox识别,IE下不支持.
2.在IE下:在html上加" hidefocus=”true”
<li class="nav2"><a href="about_webintro.html" class="fontnav" hidefocus=true>脚本之家</a></li>

css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器

原文:http://www.jb51.net/web/39468.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!