当用户注册都会点击一个a标签更换验证码。当点击后a标签上有个阴影部分。对于喜欢美观的同学却不可容忍!
这是什么原因呢?原来是a标签的href属性惹的祸。
1、仅仅是a标签
我了解的有两种解决办法
其一:对症下药。既然是href引起的。那就去掉href属性
当我们用href=javascript:RefreshCode();只是更新验证码。并没有跳转页面。
只要修改一下也可以完美去掉 给a标签加个onfocus="this.blur()"
当然。如果你想让a标签没有下划线。则:style="text-decoration: none"
而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none;就可以了,即:
当然不是。我们可以在页面加载的时候。通过:window.document.links.length(此处window可以省略)来获取页面所有的a标签。然后遍历注册事件。
另为如果你给按钮加了背景图片。会有阴影。
也可以用相同的办法实现
3、如果给img加a标签,那么给a标签加onfocus的同时还要设置img的border属性:border=0
注释掉的句子是添加onfucus=this.blur();效果相同。
然后调用fHideFocus("A");即可把a的虚线框去掉
通过传递不同的参数 可以去掉不同的虚线框比如"BUTTON"可以去掉button的虚线框,但要记住参数要用大写字母
扩展:
A. map area内链接如何消除链接虚线?
这是一个观念上的错误,其实应该在所在map的图片上加以控制,而不是在area内,参考传统办法
B. 关于onFocus
对于牛人来说知识点已是很陈旧。但对于刚接触的朋友却是及时雨,今天正好遇到。故记录于此。知识要靠一点一点积累。