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

标签 css angularjs webkit

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

example 1

我想我通过更改 transition 属性来解决这个问题,这样它就设置为 hover/active,就像这样:

.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

最佳答案

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

  • 使用 ng-href 和空白 href="#" 或...
  • 仅使用href(这违反了 ng 约定)

关于css - Angularjs v1.3.15 - 页面加载时 Webkit 文本颜色渲染错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29154370/

相关文章:

html - 我的 dropkick jquery 列表看起来不正确

HTML 移动应用程序和表格

html - 为什么没有菜单链接?

javascript - Angular : compiling template from string to string

javascript - CasperJS 像 for 循环一样多次提交和评估

javascript - 如何在 CSS 中选择 <script> 标签?

AngularJS:root 时路由提供程序不起作用

javascript - Google Transliterate 结果未在 Angular Controller 中使用的范围内更新

objective-c - 在 HTML5 文档中加载视频时,WebView 的自定义 NSURLProtocol 类不起作用

javascript - 如何保护 SQLite 数据库免受损坏