2012-02-24 314 views
1

比方說,我有一個應用了下面的CSS樣式的按鈕:取消或重置繼承CSS樣式

.my_button 
{ 
    height: 30px; 
} 

現在,讓我們在我的應用程序一些網頁說,我不希望我的按鈕有30px的高度(我也不想給它一個新的高度),我希望它的默認高度由jquery ui設置。我如何取消/重置應用於我的按鈕的css?

謝謝

+0

要回答這個問題,我們明確需要知道的jQuery UI的是如何設置的高度。它有一個css規則,這是一個覆蓋? – 2012-02-24 18:57:07

+0

難道你不能只是刪除重寫默認高度的類? – 2012-02-24 18:58:16

回答

2

要重置CSS屬性,請將其設置爲默認值。對於height,默認值爲auto

若要獲取默認的任何風格,開放about:blank並運行在您的JS控制檯以下:

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

哪裏PROPERTY是你想要的。 height,width,background-color,無論你想找到默認值。

+0

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

+0

相同。事實上,我會爲我的答案添加一個腳本,您可以使用它來查找任何默認樣式。 – 2012-02-24 18:59:46

+0

每當我在Chrome控制檯中使用該功能時,我都會得到空字符串 – user765368 2012-02-24 19:36:19

0

你只需要刪除.my_button類,像這樣:

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