鼠标点击链接后,出现的虚线框问题~~
有时候感觉鼠标点击链接后,出现虚线框特别的影响美观,于是今天研究了一下,在这里留个痕迹,以免以后忘记了,同时也分享给大家~~好了,不罗嗦了,进入正题吧~~
//将以下代码存为以.htc为扩展名的文件,然后再编写一个普通的html网页。
<public:attach event="onfocus" onevent="example()" /> <script language="javascript"> function example(){ this.blur(); } </script>
//.htc代码结束
下面是html页面
<html> <head> <style> a {behavior:url(HTC文件所在的路径地址)} </style> <body> <a href="#">链接1</a> <a href="#">链接2</a> <a href="#">链接3</a> //点击链接试试,没有虚线框了吧。 </body> <html>
上面的方法只是对ie有用,对火狐却不起作用,于是乎,加上代码:
<a href="#" onfocus="this.blur()">
,管用了
好了,成功喽