上一篇
下一篇
去掉焦点虚线
日期:2010-05-10作者:woniu
在网上找到的方法,挨个试了下：
一 在<a>标签中加入onFocus="this.blur()"语句：
<a href="#" onFocus="this.blur()">try</a>
失去焦点，无兼容问题。用户体验不好，对于盲人用户是个障碍。
二 在<a>标签中加入hidefocus：
<a href="###" hidefocus='true'>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;
}
一 在<a>标签中加入onFocus="this.blur()"语句：
<a href="#" onFocus="this.blur()">try</a>
失去焦点，无兼容问题。用户体验不好，对于盲人用户是个障碍。
二 在<a>标签中加入hidefocus：
<a href="###" hidefocus='true'>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;
}
文章来自: 
引用通告: 
Tags: 评论: 1 | 引用: 0 | 查看次数: -
回复
redky[2010-05-18 05:52 PM | 
]发表评论