0
我想在悬停时显示不同颜色的字形图标。如何更改悬停在div标签内的标志符号图标颜色?
这是我的代码:
<div class="col-xs-3 col-lg-3 text-center span-hover" style="height:50px;border-right: 1px solid #fff;" data-target="#myCarousel" data-slide-to="1">
<span class="glyphicon glyphicon-globe"></span>
<span class="hidden-xs"> TRADING</span>
</div>
CSS
.span-hover:hover {
background-color: rgba(0,0,0,0.4);
color:white;
}
.glyphicon
{
font-size: 25px;
color:red;
}
.glyphicon:hover
{
color:#44c5ff;
}
当用户将光标放在div标签,现在,它只是改变文本色系我想改变文字颜色:白色,同时字形图标颜色:#44c5ff;
.glyphicon:hover
当用户将光标放在glyphicon上时,它正在工作。但不是在div标签。
感谢
'.span悬停在:hover {.glyphicon颜色:#44c5ff; }' –
。glyphicon:hover {color:red;}其工作检查在我的代码片段中 –