javascript - jQuery:将 CSS 属性设置为空字符串而不是将其设置为无的效果？

Question

我看过下面的代码:

$(this).css('border-color', '');

并想知道它是否与:

$(this).css('border-color', 'none');

或者在第一种情况下，border-color CSS 属性是否只是简单地从 CSS 样式表重置为其默认值(如果没有，那么有没有办法将值重置为任何值样式表中的默认值？)。我担心的是，当我更改样式表中的 border-color 时，我不必更改 jQuery JavaScript。事情应该自动发生。

Answer 1

将 css 值设置为 none 字面意思是在 css 中将其设置为 none。将其设置为空字符串会从标签的 style 属性中删除该属性。

<div style="border-color: none;"></div>

对比

<div style></div>

您使用 none 的原因是您想要覆盖将边框颜色设置为某物的现有样式。如果您从 style 属性中删除样式，那么它将回退到已定义的 border-color 样式(如果存在)。