如何在懸停時更改錨文本顏色？

-1

我有導航右側我顯示登錄用戶名在下面的列表項，當第一次頁面加載它設置爲background-color #857363和文本設置爲#fff，現在當我懸停在我看不到文本，因爲訪問的鏈接是設置爲白色。如何在懸停時更改錨文本顏色？

如何在錨標籤下方定位目標，並在懸停，訪問和活動時使文本顏色變爲黑色？

main.html中

<li style="margin-right: 0;" class="nav navbar-nav navbar-right kendoMenuBorder" 
    ng-show="user.isAuthenticated"><a> 
    {{user.customUserDetails.workFullName}} </a> 
    <ul class="submenu"> 
     <li><a ui-sref="app.logout"> Logout </a></li> 
    </ul> 
</li>

的main.css

.kendoMenuBorder { 
    color:#fff !important; 
    background-color:#857363 !important; 
    text-decoration: none; 
} 

    li.kendoMenuBorder a { 
     color:#fff !important; 
    } 
    li.kendoMenuBorder a:visited a:hover { 
     color:#000000 !important; 
    }

來源

2016-03-01 aftab

沒有您的選擇問題。其實你必須在這方面使用multiple selector。

li.kendoMenuBorder a:visited,li.kendoMenuBorder a:hover { 
    color:#000000 !important; 
}

你選擇li.kendoMenuBorder a:visited a:hover是錯誤的，因爲它會設置改變顏色時anchor內:visited anchor徘徊。

來源

2016-03-01 17:24:17

這裏是小問題，現在當我懸停在錨標籤爲用戶細節其顯示黑色顏色多數民衆贊成好但註銷是錨標籤的下拉菜單項是白色，我看不到文本。 – aftab

@aftab你能做這樣的工作演示嗎？ https://jsfiddle.net/krdd6bvn/，以便我們更容易爲您回答 –

對不起，無法訪問任何這些網站 – aftab

您的問題與使用!important屬性無處不在。我想，這可以通過指定一個ID改變CSS中的優先級來解決，以

li.kendoMenuBorder a { 
     color:#fff !important; 
    }

部分，而不是保持它作爲一類的。

!important覆蓋一切，你應該避免使用它。

來源

2016-03-01 17:47:58 Eorekan

嗨，恩斯，歡迎來到StackOverflow！雖然我們確實歡迎提出建議，但應該保留答案以供您確切解決手頭問題的具體解決方案。在這種情況下，如果您給出了一個可行的示例，您的答案可能會更有價值 – shrmn

您好。好的，我將來會記住這一點。我實際上正在計劃將它作爲評論添加到上面的答案中，但唉，沒有足夠的評論聲望。 – Eorekan

如何在懸停時更改錨文本顏色？

回答

相關問題