从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

从DIV与jQuery

回答

相关问题