css如何实现a标签点击后不变色?

a标签在网页中经常会用到,其默认有下划线和点击前和点击后变色,我们该如何设置a标签点击后不变色呢?下面我们来看一下使用css实现a标签点击前后不变色的方法。

css可以通过设置a标签:link与:visited伪类选择器中的颜色相同实现a标签点击前后颜色不变。a:link伪类选择器设置未访问的链接样式,a:visited伪类选择器设置已访问的链接样式。

设置a标签点击前后颜色相同css代码:

a:link { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:visited { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:hover { 
font-size: 12px; 
color: #999999; 
text-decoration: underline; 
}

激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来:

a:link {color: #FF0000}     /* 未访问的链接 */
a:visited {color: #00FF00}  /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}   /* 被选择的链接 */

以上就是css如何实现a标签点击后不变色?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读