錨點標記在點擊後顏色變爲藍色

我希望鏈接在懸停和點擊時保持綠色。我寫的代碼在懸停時有效，但當鏈接被點擊時它會變成藍色。任何幫助，將不勝感激。錨點標記在點擊後顏色變爲藍色

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

錨點標記在點擊後顏色變爲藍色

回答

相關問題