我希望链接在悬停和单击时保持绿色。我编写的代码在悬停时有效,但是,当单击链接时,它会变成蓝色。任何帮助将不胜感激。
HTML代码:
<div class="container-fluid">
<div class="row">
<div class="col-md-3 text-left topbox">
<p class="logo">trpti</p>
</div>
<div class="col-md-9 topbox home-btns text-center">
<ul>
<li> <a href="#"> Sign up </a> </li>
<li> <a href="#"> About us </a> </li>
<li> <a href="#"> FAQ </a> </li>
</ul>
</div>
</div>
</div>
CSS 代码:
.topbox {
background-color: #584B4F;
height: 55px;
}
.logo {
color: #EEEAE1;
font-family: Helvetica;
font-size: 35px;
padding-left: 80px;
letter-spacing: 2px;
}
.home-btns {
color: #EEEAE1;
font-family: Helvetica;
font-size: 15px;
margin: 0;
padding: 0;
}
a {
text-decoration: none !important;
color: #EEEAE1;
}
a:hover {
color: #40A97B;
}
a:active {
color: #40A97B;
}
ul {
margin-top: 15px;
}
li {
list-style-type: none;
display: inline;
padding: 12px;
}
最佳答案
请试试这个 css:
a:focus {
color: #40a97b;
}
关于html - 单击后 anchor 标记颜色变为蓝色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36644355/