-代码在下面-
我已经设置为一个按钮，问题在于:过渡:全部0.5秒； 当背景颜色与按钮颜色同时改变时，它与按钮一起工作得很好。 （当我按下按钮时:悬停）但当我按下按钮时，它就停止工作了。 背景色不起作用:过渡:全部0.5s； 但是文本的颜色继续和他一起工作。 我不明白问题出在哪里，只是在我按下按钮时才发生的。 然后我给了他这个代码:
#pricing .allplan .plan .btn a:link{
background-color: #eaeafd;
padding: 15px 32px;
border-radius: 40px;
color: #4033ff;
transition: all 0.5s;
}
#pricing .allplan .plan .btn a:visited{color: #4033ff;}
#pricing .allplan .plan .btn a:hover{
background-color:#4033ff;
color: #ffffff;
}
我看到两个问题，当你点击一个按钮时，它不是被访问的状态，而是被称为（a:active）的active状态。 第二个错误是属性的顺序，如果你想要覆盖css属性，活动的应该在悬停的之后，因为层叠。
.btn a{
background-color: #eaeafd;
padding: 15px 32px;
border-radius: 40px;
color: #4033ff;
transition: all 0.5s;
}
.btn a:hover{
background-color:#4033ff;
color: #ffffff;
}
.btn a:active{
color: #4033ff;
}<div class="btn">
<a href="#">link</a>
<div>