我试图将悬停效果添加到我的menu.This是我的html
<div class="nav-top-menu nav-top">
<span class="menu-icons">
<button class="menu-button hoverEfect">
<i class="fa fa-cog fa-2x"></i>
<span class="menu-icons-text" id="userName">Enhanzer(pvt)ltd</span>
</button>
</span>
</div>
我只想在鼠标悬停时更改颜色。这是我尝试过的CSS
.nav-top-menu .hoverEfect button:hover
{
color: #65b4d7;
}
谁能帮我做到这一点。我不想使用javascript或jquery
更改此:
.nav-top-menu .hoverEfect button:hover
对此:
.nav-top-menu .hoverEfect:hover
由于.hoverEffect
本身就是一个按钮
您还可以使用:
.nav-top-menu button.hoverEfect:hover
{
color: #65b4d7;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句