解决a标签点击会出现虚框现象

Posted 2021-01-08 lhw888888

1.解决a标签点击会出现虚框现象。

　　当a标签获得焦点的时候，a标签的周围就会出现虚框，它不同于border，不占任何宽度，a失去焦点的时候就会消失，就是outline。

　　在遨游，Firefox ，IE的几个版本中就会看到、而Safari、Opera、Google 本身不支持这个效果，就看不到。

　　解决方法： 可以给a标签设置 outline： none；但在IE6、IE7 遨游中都不能实现。只有在IE8、Firefox中才会消除虚框。

　　　　　　　a、在a标签中加入js控制，当a标签活的焦点是就强制取消焦点。<a href="#"  onfocus="this.blur();"></a>,这里设置聚焦时触发blur()，强制取消焦点。

　　　　　　　b、在a标签里面嵌入其他标签，如span ，这样点击时，嵌套的标签活的焦点，a标签自然就不会出现虚框。

　　　　　　　c、不用a标签做链接，采用其他标签，用js控制实现点击跳转。