IE去掉链接虚线框的几个方法
来源:互联网 发布:死亡录像知乎 编辑:程序博客网 时间:2024/04/28 03:31
转载自:http://www.hujuntao.com/archives/ie-remove-the-link-to-the-dotted-rectangle-several-ways.html
虚线框简直就是个多余的东西,上一篇教大家怎么去除Firefox中链接和按钮虚线框,今天叫大家去掉去除IE中链接的虚线框。
方法一:利用javascript的onfocus事件,实现如下:
Html代码
- <a href="http://www.hujuntao.com/" onfocus="this.blur();">设计蜂巢</a>
如果引入了jQuery框架则可以利用它的事件绑定机制:
Js代码
- $('a').bind('focus', function(){
- if(this.blur){ //如果支持 this.blur
- this.blur();
- }
- });
方法二:利用css样式,实现如下:
- Css代码
- a{
- blr: expression(this.onFocus=this.close());
- } /* 只支持IE,过多使用效率低 */
- a{
- blr: expression(this.onFocus=this.blur());
- } /* 只支持IE,过多使用效率低 */
- a:focus {
- -moz-outline-style: none;
- } /* IE不支持 */
- :focus {
- outline: none;
- } /* for Firefox */
方法三:利用标签属性,仅支持IE,实现如下:
Html代码
- <a href="http://www.hujuntao.com/" hidefocus="true">设计蜂巢</a>
方法四:HTC 实现如下:
将一下代码保存为.htc后缀的文件
Js代码
- <public:attach event="onfocus" onevent="quit()" />
- <script language="javascript">
- function quit(){
- this.blur();
- }
- </script>
CSS代码
- a {behavior:url("htc文件")}
- IE去掉链接虚线框的几个方法
- 去掉IE和Firefox链接时的虚线框
- 去掉链接的虚线框
- css中 去掉链接虚线框的方法
- 去掉链接的虚线框的解决办法
- 如何去掉链接的虚线框
- 去掉点击链接后的虚线框
- 去掉点击链接时的虚线框
- 去掉点击链接时的虚线框 .
- 去掉链接a标签外的虚线框(ff,ie)
- css去掉链接虚线框
- a链接去掉虚线框
- 去掉点击链接,a链接过后产生的虚线框
- 去掉flash四周虚线框的方法
- IE浏览器去掉FLASH虚线框的实现
- 去掉点击链接时周围的虚线框outline属性
- 如何去掉点击链接时周围的虚线框
- 如何去掉超链接或图片热点链接的虚线框
- Clander的用法。如何取得当前时间一个月后/前的时间。如何取得某个月的最后一天。如何取得今年的第一个周一。五月的第二个星期日。如何取得今年的第一周(注意国外的日历和国内可能不一样,如何设置一周开始
- 黑马程序员
- 快速排序+基于c#实现
- 数据导出到execl
- 类型初始值设定项引发异常
- IE去掉链接虚线框的几个方法
- SQL Server 数据库最小宕机迁移方案【鸡蛋】
- Freeplot: MATLAB来帮你手动画图
- C#中数组, 命名空间, Main()方法
- 未来计算:IT四律与三大趋势(张亚勤)
- 中文乱码的解决方式
- mysql快速执行超大sql脚本方法
- 任总与2012实验室座谈会纪要
- 编程之美 2.7最大公约数问题