Я хочу показать разный цвет значка глифа на hover.Как изменить цвет значка символа на паре внутри тега 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;
}
Когда пользователь поместите курсор на сНу теге, сейчас это только изменение текста color.But Я хочу изменить цвет текста: белый и в то же время цвет значка глифа: # 44c5ff;
.glyphicon:hover
он работает, когда пользователь точно поместил курсор на глификон. Но не в теге div.
Благодаря
'.span-парения: парить .glyphicon {цвет: # 44c5ff; } ' –
.glyphicon: hover {color: red;} его рабочая проверка в моем фрагменте –