手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >去掉点击链接时周围的虚线框outline属性
去掉点击链接时周围的虚线框outline属性
摘要:以下是解决方案:方法一:在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true&rd...

以下是解决方案:

方法一:

在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true” 属性即可,但这个属性是IE私有的,Firefox是不认的。

<a href="#" hidefocus="true" title="加了hidefocus" >欢迎来到博客园(加了hidefocus属性)</a>

Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可:

.xzw_test a.setFocus:focus{outline:none}

方法二:

通过javascript方法让其点击后失去焦点从而达到没有虚线框,也不失为一种曲线救国的方案:

//通过判断可以指定某个必要的链接失去焦点

if(j(this).attr("id")=="jsControl") j(this).blur();

【去掉点击链接时周围的虚线框outline属性】相关文章:

CSS在表格边框上的美学应用

css 如何让背景图片拉伸填充避免重复显示

左中右3栏最先显示中栏内容的方法

IE8 滤镜效果filter:alpha(opacity=20);IE下失效出现黑色

css实现鼠标悬停时滑出层提示的方法

如何将链接的下划线做成虚线?

去除链接元素的虚线框(兼容IE7、IE6、FF)

如何终止DIV的float属性简单实现

固定宽高且DIV绝对居实现思路及示例

css 段落缩进text-indent用法

精品推荐
分类导航