Css Angularjs v1.3.15-网页加载时Webkit文本颜色渲染错误

Css Angularjs v1.3.15-网页加载时Webkit文本颜色渲染错误,css,angularjs,webkit,Css,Angularjs,Webkit,在用户将鼠标悬停在文本上或调整窗口大小之前,似乎不会使用/识别覆盖文本颜色(本例中为蓝色) 我想我通过更改transition属性将其设置为hover/active来修复这种情况,如下所示: .grey-tab { .transition(none); &:hover, &.active { .transition(all .2s ease); } } 但是,点击了很多次之后,它还是坏了。在过去,我使用了一种方法来解决这个问题,方法是对文本应用延迟的CSS

在用户将鼠标悬停在文本上或调整窗口大小之前,似乎不会使用/识别覆盖文本颜色(本例中为蓝色)

我想我通过更改
transition
属性将其设置为hover/active来修复这种情况,如下所示:

.grey-tab {
  .transition(none);
  &:hover, &.active {
    .transition(all .2s ease);
  }
}
但是,点击了很多次之后,它还是坏了。在过去,我使用了一种方法来解决这个问题,方法是对文本应用延迟的CSS3转换,从而触发重画。但我想解决真正的问题,因为这在角度项目中不断出现

关于这个问题的Twitter对话:

谢谢你能提供的任何帮助


Chrome v41.0.2272.101

似乎单独使用
ng href
是个问题。此渲染问题有两种解决方案:

  • ng href
    与空白
    href=“#”
  • 仅使用
    href
    (这违反ng惯例)
    • 不幸的是,Nish的href=“#”解决方案对我不起作用,我不想使用href,也不想使用显示hack关键帧

      我的
      标签在Safari中是黑色的,而不是灰色的。在
      中使用
      标记为我解决了这个问题