引導菜單樣式

我不能爲我的生活弄清楚如何使用CSS設置引導下拉菜單的樣式。引導菜單樣式

我可以設法讓背景顏色改變，但就是這樣。鏈接沒有下劃線，懸停背景顏色不會更改。我甚至還沒有開始使用向下箭頭！有什麼建議？

繼承人的代碼我嘗試：

#NAV .dropdown-menu { background-color:#273961; border-bottom: 5px solid #CCC;} 
#NAV .dropdown-menu>li>a:link { background-color:#273961;} 
#NAV .dropdown-menu>li>a:hover{ text-decoration: underline;}

來源

2017-06-05 Andrew

安德魯你好，請閱讀本：在我的網站不能正常工作的東西，可我只是一個鏈接粘貼到它？（https://meta.stackoverflow.com/questions/254428/something-in -my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it），然後在問題 – Pete

希望這有助於。

ul.dropdown-menu { 
    border-bottom: 5px solid #CCC; 
} 

.dropdown-menu li:hover { 
    text-decoration: underline; 
}

我對你想在下拉菜單中使用列表項目的背景色有點困惑。這裏有一個當鼠標懸停在每個鏈接上時改變背景色的方法的例子。在CSS屬性後使用！important會在某些情況下幫助您重寫任何後續規則（但它可能不是最好的方式）。我建議您打開您的Chrome開發工具並播放一下，直到您獲得所需的結果。我假設你想改變列表項目的背景顏色，當你將鼠標懸停到一個不同於你指定的顏色時（＃273961），因爲它已經是那種顏色了？

.dropdown-menu li a:hover { 
    background-color: red !important; 
}

來源

2017-06-05 17:24:09 Belder

中創建一個[MCVE]，我必須放入「#NAV 「之前你的代碼，但像一個魅力工作！謝謝。 – Andrew

太棒了......很高興幫助安德魯！ – Belder

不假設你知道如何設計.caret懸停？ – Andrew

引導菜單樣式

回答

相關問題