Javascript 使用Jquery从div中删除完整css

在我的css中，我有

    * {
 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。 我试过了

但是…但是没有结果。 请帮助我使用Jquery或一些javascript删除此div中的所有样式

他来自样式表。

---

这是我想问的问题的预览图片：我想要什么。

CSS中的继承通常是有用的，而不是无用的，因此采取另一种方式：

a） 替代指定的样式

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

或

b） 使用前缀选择器使指定的样式指向不同的区域，例如

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

---

如果要使用removeClass，必须指定要删除的类，否则将无法使用：

$（“#预览输入”）.removeClass（'classToRemove'）

$（“#预览按钮”）.removeClass（'classToRemove'）

您可以使用Firebug检查该按钮的类别，并尝试这样删除它

或者，您可以直接将样式设置为：

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

还是这个。。但我不确定它是否有效：

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

---

样式表没有指定类或特定元素（ID），因此样式将应用于所有按标记匹配的元素

具体来说，您的按钮是由样式表中指定的“输入”元素样式设计的

这意味着您没有任何可以轻松删除以重置样式的类

特别是按钮，一旦设置为不同的样式，尤其是以跨浏览器友好的方式设置，则很难恢复其原始样式

你有几个选择，其中只有一个是明智的：

正如meder在上文中所建议的，首先不要为这个div设置样式。这是最好的选择。您可以通过为其他div设置显式类名或id并在样式表中列出它们，或者为要忽略的div添加一个类，并使用“not”选择器，例如

input:not（.myUnstyledButtonClass）

（这仅适用于现代浏览器）

在IFrame中手动构造DIV，使其不受主文档样式的约束。不过，这似乎有些过分了

我还没有测试过这个，但是您可以尝试创建一个iFrame，呈现一个按钮（它将是非样式化的形式），然后迭代和递归，并将非样式化按钮的所有属性和样式复制到您的div中的按钮。这很有可能奏效。然而，我甚至不想费心去尝试

按照梅德尔的建议，选择1。当你对他说“我试过……没有结果”时，你试过使用的代码可能值得贴出来。很可能你只是误解了他的建议或忽略了什么

有关示例，请参见：

要使用“：not（）”，您需要在按钮上添加

未设置样式的
（或您选择的任何内容）作为类，例如：

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

到

…但如前所述，这在所有浏览器中都不起作用，因此最好是将类添加到所有其他div，并明确指定要将样式应用到哪些div，与其指定你不想将样式应用到哪个
上，CSS是来自样式表还是内联的？你需要显示你的html，因为我不知道你的文本区CSS和你需要的“没有CSS的div”html之间有什么联系，这很简单。只是没有CSS的文本。因为css中的选择器*，我的预览版有字体系列：“MeiryoUI”，Verdana；字体大小：13px；我需要Javascript来删除这个DIV中的所有样式，不管有什么css声明。您需要更加具体。我给出了一般性的建议。我的div中没有类。只有来自所有css文件的全局声明。
<input type="button" class="unstyled" value="Button Text" />

input, select, textarea {

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