当前位置：主页 > 查看内容

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

发布时间：2021-05-25 00:00| 有 位朋友查看

简介：部分代码: 复制代码 代码如下: 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=……

部分代码:

复制代码
代码如下:

<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>


原文链接：https://m.jb51.net/web/39468.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：小型分页的设计 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐