jquery返回源CSS

Question

有没有办法将元素更改回它的源 CSS(它加载的 CSS)

例如，我有一个 input，当它在提交时为空时，我将其中的边框更改为 red。

有没有办法在不将原始值保存在变量中的情况下将其更改回正常值？

Answer 1

我假设您通过 .css("border","1px solid red") 或类似方式设置边框。 jQuerys css() 函数内联设置样式；它修改样式属性:

<input style="border:1px solid red;" />

CSS 文件中定义的样式被内联样式覆盖。 要重置样式，最好的方法是通过向浏览器传递一些无用的东西(通常是空字符串)来删除内联样式:

$("input").css("border","");

浏览器无法呈现该规则并将回退到您的 CSS 文件中定义的规则。

如果您希望将样式重置为浏览器的默认样式，请使用“initial”关键字。