取消或重置继承的CSS样式

Question

假设我有一个按钮，其中应用了以下css样式：

.my_button
{
    height: 30px;
}

现在让我们说在我的应用程序的某些页面上，我不希望我的按钮的高度为30px（我也不想给它一个新的高度），我希望它的默认高度由jquery设置UI。如何取消/重置应用于我的按钮的css？

谢谢

Answer 1

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

对于height，默认值为auto。

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

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

PROPERTY是你想要的那个。 height，width，background-color，无论您想要找到的默认值。

Answer 2

您只需删除.my_button类，如下所示：

$('#ID_of_thebutton').removeClass('my_button')