css - 取消或重置继承的 css 样式

Question

假设我有一个应用了以下 css 样式的按钮:

.my_button
{
    height: 30px;
}

现在假设在我的应用程序的某些页面上，我不希望我的按钮具有 30px 的高度(我也不想给它一个新的高度)，我希望它具有由 jquery 设置的默认高度用户界面。如何取消/重置应用于我的按钮的 css？

谢谢

Answer 1

要重置 CSS 属性，请将其设置为默认值。

对于height，默认值为auto。

要获取任何样式的默认值，请打开 about:blank 并在您的 JS 控制台中运行以下命令:

getComputedStyle(document.createElement('span')).PROPERTY

其中 PROPERTY 是您想要的。 height, width, background-color, 任何你想找到的默认值。