手机
当前位置:查字典教程网 >网页设计 > 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属性】相关文章:

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

编写CSS代码时样式命名的规则

Web前端开发者必知的9个实用CSS属性

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

网页菜单详解

css去除点击链接时出现的虚线框

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

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

鼠标移入移出改变CSS样式的小例子

用CSS实现垂直居中的3种方法

精品推荐
分类导航