Javascript 如何重置输入类型CSS
我已将全局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属性?我不知道
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支持,那么存在一个CSS3not:
选择器,所以只需将其设置为input[type=text]:not(.colorpicker)
,它应该可以工作。我考虑过了,但我确实需要旧的IE支持,至少7个。据我所知,唯一的方法是重置之前设置的所有值。从技术上讲,如果你仔细考虑的话,这不会有多大影响。只有边距、填充、边框、对齐和字体。