Twitter bootstrap CSS3彩色动画不'；不要用铬来点火

在Chrome中，我无法在我正在开发的网站上制作一个简单的CSS3彩色动画。不过，更改为“背景色”属性效果很好。它在Internet Explorer和Edge中工作

最奇怪的是，我可以不在JSFIDLE中复制错误，或者以其他方式隔离它：

有没有继续调查的想法/建议？我知道我可以切换到jQuery动画，但我可能遇到了浏览器错误

正文{
字体系列：Verdana，sans；
字体大小：11px；
线高：14px；
-webkit字体平滑：抗锯齿！重要；
}
.眨眼{
-webkit动画：闪烁。5s交替无限；
-moz动画：闪烁。5s交替无限；
-ms动画：闪烁。5s交替无限；
-o动画：闪烁。5s交替无限；
动画：闪烁。5s交替无限；
}
@-webkit关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@-moz关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@-ms关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@-o关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}

---

这里的问题似乎是样式表在页面上的显示顺序。小提琴中的顺序是：

• 自定义样式

在堆栈代码段中，它是：

• 自定义样式

因此，您在自定义样式中设置的颜色被引导样式覆盖。要修复此问题，可以通过添加

.blink.glyphicon{color:inherit；}

来强制.glyphicon继承包含它的

标记的颜色


正文{
字体系列：Verdana，sans；
字体大小：11px；
线高：14px；
-webkit字体平滑：抗锯齿！重要；
}
.眨眼{
-webkit动画：闪烁。5s交替无限；
-moz动画：闪烁。5s交替无限；
-ms动画：闪烁。5s交替无限；
-o动画：闪烁。5s交替无限；
动画：闪烁。5s交替无限；
}
.闪烁.字形图标{
颜色：继承；
}
@-webkit关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@-moz关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@-ms关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@-o关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}
@关键帧闪烁{
从{color:#000；}
到{color:#f00；}
}

能否尝试将动画名称从“闪烁”更改为其他名称，然后再试一次？@Rejoy，它没有帮助注意：要触发小提琴中的问题，请单击“运行”。它在第一次加载时工作，但在再次运行时不工作。。。真奇怪。刷新页面，然后修复小提琴again@misterManSam在chrome V.44.0.2403.130上正常工作m@maioman-真的吗？奇怪的我可以重新创建这个问题，并在Windows上使用相同的浏览器版本44.0.2403.130 m。它总是很简单：）而且，（只有
-webkit-
）CSS动画也从来没有
-ms-
前缀。让Glyphion继承它的父颜色使其工作。谢谢@maioman这很奇怪，我在版本44.0.2403.125M中遇到了问题，更新后仍然可以在版本44.0.2403.130M中看到问题。在我测试的浏览器中，只有Chrome遇到了问题。实际上，在我下载的bootstrap.css cdn中，没有颜色属性。glyphicon@maioman鉴于这只会影响Chrome（至少对我们中的一些人来说是如此），我认为这是一个bug。样式
.glyphicon
正在使用from
bootstrap.css
是默认的
a
样式（
a{color:#337ab7；文本装饰：none；}
）。在
动画
s中，从父
a
继承的初始
颜色
似乎覆盖了
动画
s中设置的
颜色
s，除非您隐式告诉
.glyphicon
继承
颜色。