更改懸停的bulma下拉框中的背景顏色

我試圖更改Bulma.io的下拉元素的背景顏色和顏色。更改懸停的bulma下拉框中的背景顏色

問題是，無論我做什麼，它要麼改變整個下拉菜單（也是底部元素），要麼只改變文本背景（文檔）而不是整個框。

我需要更改白色方塊。我準備作爲例子作爲的jsfiddle https://jsfiddle.net/agyfL3ae/2/ 你將不得不擴大你的窗口很多，因爲它是隱藏在桌面

我已經試過如下：

/* This changes also the elements below*/ 

.navbar-item :hover{ 
    background-color:red !important; 
} 

/* This changes only the text */ 

.navbar-link :hover{ 
    background-color:yellow; 
}

差不多，這是我需要的箱改變：https://i.snag.gy/pQyME2.jpg

來源

2017-08-24 Costantin

你可以選擇閱讀更多關於空間here

基本上，空間告訴解釋補充一點背景懸停爲.navbar-item

取而代之的是孩子，你應該寫：

.navbar-item:hover

來源

2017-08-24 18:46:40 Victor

嗨！感謝您的鏈接，我不知道這些空間之間的差異。我刪除了空間，現在只將新樣式應用於子元素。我需要相反的效果。檢查更新[jsfiddle]（https://jsfiddle.net/agyfL3ae/3/） – Costantin

更改懸停的bulma下拉框中的背景顏色

回答

相關問題