在网上找到的方法,挨个试了下:
一 在<a>标签中加入onFocus="this.blur()"语句:
<a href="#" onFocus="this.blur()">try</a>
失去焦点,无兼容问题。用户体验不好,对于盲人用户是个障碍。
二 在<a>标签中加入hidefocus:
<a href="###" hidefocus= rue>link</a>
ie私有属性,ff下不起作用。
三 如果连接太多,可以用外部链接 .HTC 文件。
如,blur.htc 文件内容如下:
<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>
在 CSS 中加入如下代码:
A { behavior:url(blur.htc); }
ff下不起作用。
四 使用CSS样式,可加入代码:
a {blr:expression(this.onFocus=this.blur())}
ff不起作用,expression的效率问题
五 css实现
a:focus {outline:none}或
a{outline:none}
outline由css2.1引入,ie6/ie7不支持,ie8+/ff /safari/opera[2]支持
得出结论论理想的办法:
Example Source Code
<a href=”#” hidefocus=”true” >链接</a>
a:focus {
outline:none;
}
转载请注明:睿美印象
网站建设工作室www.ruimeiyx.com