Alex Coleman Alex Coleman - 1 year ago 155
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

Answer Source

Adjusting letter spacing seems to work.


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download