從DIV與jQuery

取出完整的CSS在我的CSS，我有從DIV與jQuery

* { 
font-family: "Meiryo UI" , Verdana; 
font-size:13px; 
} 
input, select, textarea { 
font-size: 12px; 
border-color: #333; 
color: #333; 
border-style: solid; 
border-width: 1px; 
}

但是，我想沒有一個CSS DIV。我試過

$('#preview').removeClass() 
$('#preview').removeAttr("style") 
$('#preview').children().removeAttr/Class

但是......但沒有結果。幫助我從這個div中刪除所有樣式與jquery或只是一些JavaScript。

他來自樣式表。這是我的問題的預覽圖片：https://emailinvest.com/preview.jpg我想要什麼。

來源

2010-07-18 Ifkooo

是CSS來自樣式表還是內聯？ – Sarfraz 2010-07-18 07:14:49

you nned to show your html 因爲我不明白你的css 對於textarea 和你需要一個「沒有CSS的div」的連接 – 2010-07-18 08:55:46

HTML很簡單。只需

Text without CSS

。因爲選擇器*在css中，我的#preview有 font-family：「Meiryo UI」，Verdana; font-size：13px; 我需要Javascript去除這個DIV的所有樣式，不管任何css聲明。 – Ifkooo 2015-05-14 11:07:06

繼承的CSS是往往不是有益的幫助，因此採取另一種途徑有兩種方法：

一）覆蓋的樣式指定

#preview .input, #preview select, #preview textarea { }

或

B）製作的樣式您使用前置選擇器指定目標不同區域，例如

#selector * { font: 13px "Meiryo UI", Verdana; } 
#selector input, #selector select, #selector textarea { }

來源

2010-07-18 07:14:23

我試過....沒有結果 – Ifkooo 2010-07-18 07:46:02

你需要更具體的FAR。我給出了一般建議。 – 2010-07-18 07:47:52

如果你想使用removeClass您必須指定刪除哪些類，否則將無法正常工作：

$('#preview input').removeClass('classToRemove')

$('#preview button').removeClass('classToRemove')

您可以使用Firebug檢查什麼類是考慮到該按鈕，並嘗試像那樣刪除它。

或者你也可以直接設置您的樣式到：

$('#preview button').css('background','#ccc');

或者這一個..但我不知道它的工作原理：

$('#preview').children().removeAttr('class'); // or 'style'

來源

2010-07-18 09:22:40 esgy

我的div上沒有課程。只是來自所有CSS文件的全局聲明。 – Ifkooo 2015-05-14 11:13:00

樣式表沒有指定類或特定元素（ID）以及樣式將應用於與標記匹配的全部元素。

具體而言，您的按鈕正在使用樣式表中指定的「input」元素樣式進行樣式設置。

這意味着您沒有任何課程可以輕鬆刪除以重置樣式。

特別是在對瀏覽器友好的方式下，按鈕尤其難以恢復原來的樣式。

你有幾個選項，其中只有一個是明智的：

作爲MEDER以上曾建議不要設置樣式爲這個div擺在首位。這是最好的選擇。你可以通過爲你的其他div設置顯式的類名或id並在樣式表中列出它們，或者爲你想忽略的div添加一個類，並使用「not」選擇器，例如input:not(.myUnstyledButtonClass)（這隻適用於現代瀏覽器）
在IFrame內部手動構建您的DIV，使其不受主文檔樣式的影響。這看起來像是過度殺傷
我還沒有測試過這一個，但你可以嘗試創建一個iFrame，渲染一個按鈕（這將是未格式化的形式），然後遍歷和遞歸併複製全部屬性和樣式的無格式按鈕到你的div中的按鈕。這是可行的，可能性非常小。我甚至都不會去嘗試它，但是......

跟1一起去 - meder有什麼建議。當你向他評論「我試過......沒有結果」時，可能值得張貼你嘗試使用的代碼。你很可能錯誤地解釋了他的建議或忽視了某些事情。

有關示例，請參見： http://jsbin.com/ikobe4

要使用「：不（）」你需要添加unstyled（或者不管你選擇）作爲一類在您的按鈕，如：

<input type="button" class="unstyled" value="Button Text" />

並更改CSS文件從

input, select, textarea {

到

選擇

input:not(.unstyled), select, textarea {

......但如前所述，這不適用於所有瀏覽器，所以最好的辦法是向所有其他divs添加類，並明確指定要將樣式應用於哪些div，而不是指定哪些不要想要將樣式應用到

來源

2010-07-18 17:27:00 Graza

回答

相關問題