javascript - 如何防止 JavaScript 填充样式的未指定部分

Question

如果我用 JS 设置元素的样式，它似乎会填写我故意未指定的样式部分。

例如，如果我设置过渡样式

el.style.transition = 'width .2s'

html更改为

<div style="width: 50px; transition: width 0.2s ease 0s;"></div>

这很不方便，因为我希望能够在css中设置计时功能而不使用!important

有没有人知道任何简单的方法来解决这个问题，最好不要操纵el.attributes.style？

标签： javascripthtmlcss

Answer 1

这与 JavaScript 无关。这是 的默认行为transition。例如，您可以尝试通过自己指定持续时间或使用el.style.transitionDuration

el.style.transitionDuration = "1s";