更改悬停的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下拉框中的背景颜色

回答

相关问题