失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html圆点虚线 html的a标签点击后出现虚线框问题

html圆点虚线 html的a标签点击后出现虚线框问题

时间:2021-06-19 10:07:58

相关推荐

html圆点虚线 html的a标签点击后出现虚线框问题

html的a标签点击后出现虚线框问题

a标签点击后出现虚线框情况,一般出现在通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果,所以看不到这个虚线框。

当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。 可是当鼠标点击的时候,也会出现这个方框,怎么办呢?

可以给a标签设置outline:none;但是是,ie6、7和遨游浏览器里都不能实现,只有ff,ie8在加了outline:none后会取消聚焦的虚线框。

可以添加css样式:

a{outline: none;}

a:active{outline:none;star:expression(this.onFocus=this.blur());}

也可以在a标签中添加代码,如:

消除a虚标签虚线框的推荐方法是:IE下使用hidefocus属性(hidefocus是ie的私有属性), Firefox/Chorme/Opera/Safari下用outline:none。

如果觉得《html圆点虚线 html的a标签点击后出现虚线框问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。