不管是Firefox还是IE,a标签没有经过处理的点击后都会出现一个虚线框把链接包围着
由于这款主题没有经过太多的优化处理(压根就没优化过),点击后会出现虚线框(大部分网站都处理过),看起来非常的不雅观,就上网查了下资料,查了半天都是利用css的outline来处理的,反正我本人是测试不出任何效果的,
众里寻他千百度,终于找出好办法
正当没希望的时候,偶然看到一个博客记录了onfocus事件(焦点事件)去除点击链接后的虚线框
焦点事件简介如下:
- onBlur:当失去输入焦点后产生该事件
- onFocus:当输入获得焦点后,产生该文件
- Onchange:当文字值改变时,产生该事件
- Onselect:当文字加亮后,产生该文件
我们只需要在a标签里加入onfocus属性即可,代码如下:
<a href="http://baidu.com" onfocus="this.blur()">BaiDu</a>
PS:当你不确定是否已经去除点击后的虚线框的时候,可以把鼠标放在需要检验的a标签上点击右键检验,如果没有出现虚线框,则表示成功去除
很好的方法,已经用上
慢慢学习吧。。。