我已将全局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属性,那就太好了!正是我需要的。
答案 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并创建一个包含要应用于所有其他文本字段的样式的类。