取消或重置继承CSS样式

比方说，我有一个应用了下面的CSS样式的按钮：取消或重置继承CSS样式

.my_button 
{ 
    height: 30px; 
}

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

谢谢

2012-02-24 user765368

要回答这个问题，我们明确需要知道的jQuery UI的是如何设置的高度。它有一个css规则，这是一个覆盖？ – 2012-02-24 18:57:07

难道你不能只是删除重写默认高度的类？ – 2012-02-24 18:58:16

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

若要获取默认的任何风格，开放about:blank并运行在您的JS控制台以下：

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

哪里PROPERTY是你想要的。 height,width,background-color，无论你想找到默认值。

2012-02-24 18:55:44

'width'呢？ – user765368 2012-02-24 18:58:19

相同。事实上，我会为我的答案添加一个脚本，您可以使用它来查找任何默认样式。 – 2012-02-24 18:59:46

每当我在Chrome控制台中使用该功能时，我都会得到空字符串 – user765368 2012-02-24 19:36:19

你只需要删除.my_button类，像这样：

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

2012-02-25 14:43:35

回答