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;}其工作檢查在我的代碼片段中 –