html - :hover not working on stacked font-awesome icon -
I am trying to do something very simple when the horrible change in the font is painted from the color, inside I I'm looking at the icon (question mark) as I want, but the outer circle color is not changing. HTML and CSS below:
// HTML: & lt; Span class = "more-info-toggle f-stack" & gt; & Lt; A href = "#" id = "more-info-sharing-toggle" data-toggle = "tooltip" title = "Why Share?" & Gt; & Lt; I class = "fa fa-circle-o fa-stack-2x" & gt; & Lt; / I & gt; & Lt; I class = "fa-fa-questions fa-stack-1x" & gt; & Lt; / I & gt; & Lt; / A & gt; & Lt; / Span & gt; // CSS: .more-info-toggle: hover {color: # 53AB46; }
Any idea why the external circle color is not changing? Thank you.
A typo should be:
# more-info -share-toggle: hover {color: # 53AB46; }
The ID was not matched, and it should be #.
Comments
Post a Comment