技术CTO-关注编程入门知识,提供编程入门教程

您的位置: 首页 > 前端开发 > css/css3 > 正文

a标签鼠标放上字体颜色问题

来源: 技术CTO 阅读:

我写了
.gray_btn02:hover,.gray_btn02:active,.gray_btn02:link{
color:#333333;
}
可展现出来的还是 鼠标放上是 蓝色字???

检查你的a标签,样式加对了么?
你写在标签a上即可!
正常啊

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
.gray_btn02:hover,.gray_btn02:active,.gray_btn02:link{
color:#333333;
}
</style>
</head>
<body>
<a href="xxxxxxxx" class="gray_btn02">xxxxxxxxxxxxxxxxxxxxxxxx</a>
</body>
</html>
:link          a:link  选择所有未被访问的链接。 
:visited  a:visited  选择所有已被访问的链接。 
:active  a:active  选择活动链接。
:hover  a:hover  选择鼠标指针位于其上的链接

你需要使用a:hover来加样式 你的.gray_btn02是表示a标签么  如果不是 你需要这么写

a:hover{
   color:blue;
}
CSS写的有问题,改成这样就好了
a.gray_btn02:hover,a.gray_btn02:active,a.gray_btn02:link{
color:#333333;
}

^_^ 如果您热爱技术、热爱编程,想与更多的朋友一起交流学习,欢迎加入本站官方QQ群:345733473 ^_^