返回上一页
客服QQ
客服QQ
一切从沟通开始……
去掉焦点虚线
作者：睿美印象网站建设工作室 发布日期：2012-10-03
在网上找到的方法,挨个试了下：
一 在<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
一 在<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
已有 0 条评论
暂无评论
- 分享25个优秀的 HTML5 开发教程
- HTML5移动应用开发第3章：移动Web离线应用
- 移动开发中HTML5能否替代本地程序？
- Windows Internet Explorer 10 开发者指南
- HTML元素的ID和Name属性的区别
- html5 canvas RPG游戏效率探索.
- HTML5网页如何让所有的浏览器都能识别HTML5标签样式
- HTML5版3D实验室六：WAVE
- HTML5基础，第4部分：点睛之笔Canvas
- 15 个 HTML5 Canvas 应用欣赏
- 两种方法实现超出省略号效果
- HTML5 API简介一(Canvas,Audio/Video,Geolocation)
- 菜鸟理解css的float浮动属性
- 16 个印象深刻的 HTML5/CSS3/JavaScript 体验
- 针对webkit的HTML, CSS和Javascript
- HTML5移动应用开发第2章：移动web应用的本地存储
版权所有：睿美印象网络网站建设工作室 2010-2012 服务热线：15636322282（网站建设工作室）
