如何重置输入类型CSS

时间:2012-11-19 07:29:50

标签: javascript jquery html css css-reset

我已将全局CSS设置为文本类型输入。例如:

input[type=text] {
padding:10px;
width:100px;
//and many more
}

现在,我在特定div上使用插件colorpicker。此插件为颜色十六进制输入绘制一些输入元素,并设置自己的CSS属性。

.colorpicker input {
width:25px;
}

但是已经设置的CSS属性会干扰新设置的CSS。有没有办法可以重置这些输入而不让它们使用任何以前的CSS属性?我不知道从后面设置所有属性,如边框,可能是边框阴影,填充等。我想重置所有属性并创建一个新的输入类型。如果需要,我愿意通过Javascript / jQuery来做到这一点。请帮帮我。谢谢!

编辑:假设如果存在$('.colorpicker input').resetCSS();这样的东西,从输入中删除所有CSS属性,那就太好了!正是我需要的。

3 个答案:

答案 0 :(得分:0)

如果页面上没有太多文本输入,只需使用类名而不是全局定义。从长远来看,Neater,IMO。这样,您的输入字段保留在您的输入字段中,其他插件的输入字段保留在各自的类中。

答案 1 :(得分:0)

取决于您的代码,但您可以使用css3:not selector。

div:not(.colorpicker) input[type=text]

当然这假设您将所有输入包装在div中。 http://jsfiddle.net/kudoslabs/aDJeT/

答案 2 :(得分:0)

您可以使用.not()选择器。试试这个fiddle。因为它是jquery选择器,它也应该支持旧版浏览器。但在这种情况下,您还需要编辑引导程序css并创建一个包含要应用于所有其他文本字段的样式的类。