该页面有如下CSS:如何从元素中删除所有继承和计算的样式?
input[type=text]
{
display: inline; padding: 7px; background-color: #f6f6f6; font-size: 12px; letter-spacing: 1px; border: 1px solid #aac7d1;
/* lots of other styles here... */
}
我有很多的文字输入元素和以下内容:
<input type="text" id="txt1" />
我尝试不同的风格适用于通过jQuery这个人文本框(txt1中) :
$('#txt1').removeClass().removeAttr('style').css({
'background-color': '#ff0000',
//lots of other styles here...
});
但是这些来自样式表的样式不能通过这种方式从元素中移除。 css规则input[type=text]
不是自定义类,所以removeClass()
在这里不起作用,如果我是对的。
我想要做的是;完全删除应用于元素txt1
的所有样式。除了获取所有计算样式的列表并将其设置为空之外,是否有某种方法可以执行此操作?
我认为你是对的。我可以在循环内重置所有计算的样式,但它不太合乎逻辑。 –