清除默认<progress>“缓解”，在IE11/EDGE

问题描述：

<progress value="50" max="200"></progress>

当我们改变了“价值”在大多数浏览器它改变了它的视觉瞬间，但IE11/EDGE它具有缓解作用。

如果我们很快迭代“velue”，它会变得非常尴尬，有时我们根本看不到它发生。

我该如何让它的行为像FF或Chrome？

感谢您的帮助:)

理论上的行为，用':: MS-fill'伪元素应该让你删除的动画，但我没有看到它在实践中工作。 https://msdn.microsoft.com/en-us/library/hh772236(v=vs.85).aspx – ajm

试过，也没有成功:) –

答

浏览器有一个内置的样式表使某些元素的外观和以不同的方式表现。检查Edge中应用的样式的简单方法是进入F12开发工具，打开“元素”窗格，选择想要了解更多信息的元素（在本例中为progress），最后转到样式“窗格右侧的Computed选项卡查看所有正在应用于该元素的样式。

在这种情况下，您会发现transition-property设置为all。因此，设置

progress { 
transition-property: none 
}

让你你正在寻找

清除默认“缓解”，在IE11/EDGE