在IE11 / EDGE中清除默认<progress>“ease”

时间:2017-08-31 11:46:16

标签: css html5 internet-explorer microsoft-edge progress

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

https://jsfiddle.net/4xqetber/

当我们在大多数浏览器中更改“值”时,它会立即更改其视觉效果,但在IE11 / EDGE上它会产生缓动效果。

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

如何使其表现得像FF或Chrome?

感谢您的帮助:)

1 个答案:

答案 0 :(得分:0)

浏览器有一个内置的样式表,可以使某些元素以不同的方式显示和表现。检查Edge中应用的样式的简单方法是进入F12开发工具,打开元素窗格,选择您想要了解的元素(在这种情况下为progress),最后转到样式窗格右侧的Computed选项卡,查看正在应用于该元素的所有样式。

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

progress {
 transition-property: none 
}

为您提供您正在寻找的行为