Alex Coleman Alex Coleman - 4 months ago 14x
CSS Question

Bootstrap glyphicon hover only partially colored

I'm utilizing Bootstrap's glyphicon font to render icons within menu links. They have a CSS :hover effect that causes them to change color upon hover. For most of the glyphicons this works perfectly fine, but for some reason, when using the "open folder" icon, the right portion of the icon is not properly colored on hover -- it remains the default, unhovered color.

It's only happening on Safari on Mac (seems to work fine on Chrome). I've attached a screenshot. Any thoughts?

Glyphicon hover partially colored issue on Mac Safari


Adjusting letter spacing seems to work.