当超链接变为活动状态或获得焦点时,链接周围会出现一条虚线,以区别于其他链接,这是超链接的默认行为。它基本上是虚线轮廓,不会像边框那样影响周围的元素。想要去掉css虚线样式,我们可以使用CSS属性"outline:none;"来实现。
下面我们结合简单的实例,为大家介绍如何去掉css虚线样式。
代码示例如下:
使用CSS删除虚线轮廓a, a:active, a:focus{
outline: none; /* *适用于Firefox,Chrome,IE8及以上版本* */
}
outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline 属性设置元素周围的轮廓线。
注释:请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。
注释:轮廓线不会占据空间,也不一定是矩形。
默认值为none。
本篇文章就是关于css虚线样式怎么去掉的介绍,非常简单易懂,希望对新手小白们有所帮助!