css - Bootstrap 字形图标悬停仅部分着色

Question

我正在使用 Bootstrap 的 glyphicon 字体来呈现菜单链接中的图标。它们有一个 CSS :hover 效果，使它们在悬停时改变颜色。对于大多数字形图标，这工作得很好，但出于某种原因，当使用“打开文件夹”图标时，图标的右侧部分不在悬停时正确着色——它仍然是默认值，未悬停的颜色。

它只发生在 Mac 上的 Safari 上(似乎在 Chrome 上运行良好)。我附上了截图。有什么想法吗？

Answer 1

调整字母间距似乎有效。

.glyphicon{ 
  letter-spacing:3px;
}

http://jsfiddle.net/Ru8ME/8/