可能很多人不大会注意,当点击一个链接时会出现一个虚线框,其实也没什么影响,可以忽略,但有时候有人会提出想把这个虚线框隐藏掉,该用什么方法做?
部分代码:
复制代码代码如下: <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>
|