Angularjs v1.3.15 - Pageload上的Webkit文本颜色呈现错误

Question

在用户将鼠标悬停在文本上或调整窗口大小之前，似乎无法使用/识别覆盖文本颜色（在这种情况下为蓝色）。

我认为我通过更改transition属性修复了这种情况，因此它设置为悬停/活动，如下所示：

.grey-tab {
  .transition(none);
  &:hover, &.active {
    .transition(all .2s ease);
  }
}

但是，经过大量点击后，它仍然被打破。在过去，我使用terrible solution来解决问题，方法是对文本应用延迟的CSS3变换，从而触发重绘。但是我想解决这个真正的问题，因为这会在Angular项目中不断涌现。

有关问题的Twitter对话： https://twitter.com/KMuncie/status/573583334703521793

感谢您提供的任何帮助！

Chrome v41.0.2272.101

Answer 1

似乎单独使用ng-href就是问题所在。这个渲染问题有2个解决方案：

• 将ng-href与空白href="#"或...
一起使用
• 仅使用href（违反ng约定）

Answer 2

不幸的是，Nish的href =“＃”解决方案对我不起作用，我不想使用href，也不想使用display-hack关键帧。

我的<a>标签在Safari中是黑色的，而不是灰色的。在<span>中使用<a>标记为我解决了问题。