返回列表 回复 发帖

去除链接被点击时出现的虚线的方法(IE下有效)

做网页的过程中,有些时候,页内链接被点击后出现的虚线会错位,会影响美观。有时图片链接作为按钮,没有虚线也要好看一些。那么,去除虚线的方法总结如下:- Y& f5 {, A  u. a/ K7 q5 l! s* a

1 c! y  g  k+ T& @9 p方法一、在<a>标签中加入 onFocus="this.blur()" 属性:
  1. <a href="#" onFocus="this.blur()">link</a>
复制代码
方法二、在<a>标签中加入 hidefocus 属性:
  1. <a href="#" hidefocus>link</a>
复制代码
方法三、用外部链接 .HTC 文件,如 blur.htc ,内容如下:
  1. <public:attach event="onfocus" onevent="makeblur()"/>
  2. <script language="javascript">
  3. function makeblur(){
  4. this.blur();
  5. }
  6. </script>
复制代码
然后在 CSS 中加入:
  1. A { behavior:url(blur.htc); }
复制代码
方法四、直接使用CSS样式:
  1. a { blr: expression(this.onFocus=this.blur()); }
复制代码
经实验,在IE下均有效,在Firefox下无效。
怨去吹箫,狂来说剑,两样销魂味。
返回列表