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

标签：google   解决方法   出现   解决   ie8   outline   宽度   this   不能   

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控制实现点击跳转。

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

标签：google   解决方法   出现   解决   ie8   outline   宽度   this   不能   

原文地址：https://www.cnblogs.com/lhw888888/p/9712344.html