锚点标记在点击后颜色变为蓝色

我希望链接在悬停和点击时保持绿色。我写的代码在悬停时有效，但当链接被点击时它会变成蓝色。任何帮助，将不胜感激。锚点标记在点击后颜色变为蓝色

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; 
}

来源

2016-04-15 Adam

的CSS：访问{ 颜色：＃40A97B; } –

@ShekharPankaj：试过了，当页面加载时，它将所有链接改为40A97B。它最初必须是白色的，当它被徘徊和点击时它必须变绿。 – Adam

你需要使用一些JavaScript来添加一个类。否则'：visited'由浏览器历史记录决定。否则，这是没有意义的：加载时应该是白色的，但点击时改变 - 但是这会导航，所以没有任何改变。当你回来时，它将是'：visited'颜色。请澄清您在每个步骤期待的所有步骤和颜色。 –

请尽量将CSS：

a:focus { 
    color: #40a97b; 
}

来源

2016-04-15 10:21:45 Jainam

谢谢！它工作得很好。 – Adam

<div class="col-md-9 topbox home-btns text-center"> 
     <ul> 
     <li> <a href="#" class="active"> Sign up </a> </li> 
     <li> <a href="#"> About us </a> </li> 
     <li> <a href="#"> FAQ </a> </li> 
     </ul> 
    </div>

只需添加活动链接上的活动类，这里是活跃类

a:visited{color: #40A97B;}

来源

2016-04-15 10:22:16

锚点标记在点击后颜色变为蓝色

回答

相关问题