0

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

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

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

.colorpicker input {
width:25px;
}

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

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

4

3 回答 3

0

You can use .not() selector. Try this fiddle. As it's jquery selector it should support older browsers also. But in this case also, you need to edit your bootstrap css and create a class that contain styles you want to apply to all other text fields.

于 2012-11-19T08:11:41.637 回答
0

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

于 2012-11-19T07:41:06.523 回答
0

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

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

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

于 2012-11-19T08:00:48.540 回答