Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何重置输入类型CSS_Javascript_Jquery_Html_Css_Css Reset - Fatal编程技术网

Javascript 如何重置输入类型CSS

Javascript 如何重置输入类型CSS,javascript,jquery,html,css,css-reset,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属性?我不知道

我已将全局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属性,这将是伟大的!这正是我需要的。

如果页面上没有太多文本输入,只需使用类名而不是全局定义。从长远来看,依我看,你的输入字段是属于你的,其他插件的输入字段是属于它们各自的类。

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

div:not(.colorpicker) input[type=text]
当然,这假设您的所有输入都封装在div中。

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

尝试内联应用样式。其他所有样式都会被内联样式覆盖。特定样式可以被覆盖,但这里的情况是,我甚至不知道所有属性都是从后面设置的。是否检查了输入元素?你能做一个提琴,说明你想要什么样式和设置什么吗?我知道有很多CSS规则是从后面应用的。我在《元素》中见过他们。如果我愿意,我可以手动重置每个属性,但我想用一种更通用的方法。假设类似于
$('.colorpicker input').resetCSS()的内容
存在,这将从输入中删除所有CSS属性,这将非常好。您使用的是哪个colorpicker插件?我实际上使用的是bootstrap CSS,用于整个项目。我需要将这些CSS分配给项目中的所有输入类型。如果您不需要旧的IE支持,那么存在一个CSS3
not:
选择器,所以只需将其设置为
input[type=text]:not(.colorpicker)
,它应该可以工作。我考虑过了,但我确实需要旧的IE支持,至少7个。据我所知,唯一的方法是重置之前设置的所有值。从技术上讲,如果你仔细考虑的话,这不会有多大影响。只有边距、填充、边框、对齐和字体。