如何使用Twitter Bootstrap將菜單項行爲更改爲「懸停更改背景」？

正如你在默認的twitter bootstrap navbar菜單上看到的，只有活動菜單項的背景與其他不同。我想要的是當我在菜單項上時，我想將背景更改爲另一種顏色。底線是，當我將菜單項懸停時，我應該扮演主動角色。我該怎麼做？如何使用Twitter Bootstrap將菜單項行爲更改爲「懸停更改背景」？

來源

2012-05-01 SNaRe

這裏的每個人都是錯誤的，經過一些測試，你會發現這個CSS來改變菜單懸停。

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

享受

來源

2012-05-27 02:41:14

您必須在該特定頁面上添加內聯樣式或不同ID，並根據自己的喜好設計樣式。如果您沒有訪問權限，則必須使用Jquery進行操作。這是否回答你的問題。

來源

2012-05-01 02:17:07 Rayshawn

在你的CSS：

.navbar .nav > a:hover {background-color:#f60;}

我希望這可以幫助，我爲你問一個有點困惑。

來源

2012-05-01 02:18:14

我試過了。但它沒有奏效。基本上，當某人在菜單項上使用更改a：hover的背景時，應該可以工作，但應該有一些我們錯過的東西。例如，在stackoverflow的頂部有「Questions」菜單項。第一個是積極的。當你來到任何鏈接背景更改。這是我想要的。 – SNaRe

試着把它放在CSS文件的底部。 –

我已經完成了。我也有其他的CSS編輯。他們工作得很好。但是，只有這個有問題。 – SNaRe

檢查由@ martincho-它改變了藍色懸停顏色爲我工作的答案：

不要更改bootstrap.css。創建另一個css文件，您可以覆蓋此文件。總之，該行4572：

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a

設置background-image爲無，background-color任何你想要的顏色。

來源

2013-01-07 01:10:29 dotdog

如何使用Twitter Bootstrap將菜單項行爲更改爲「懸停更改背景」？

回答

相關問題