Como remover todos os estilos herdados e computados de um element
A página possui o seguinte 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... */
}
Tenho muitos elementos de entrada de texto e o seguinte:
<input type="text" id="txt1" />
Eu tento aplicar estilos diferentes a essa caixa de texto individual (txt1) via jQuery:
$('#txt1').removeClass().removeAttr('style').css({
'background-color': '#ff0000',
//lots of other styles here...
});
Mas os estilos que vêm da folha de estilos não podem ser removidos do elemento dessa maneira. A regra css,input[type=text]
não é uma classe personalizada, entãoremoveClass()
não funciona aqui, se eu estiver certo.
O que eu quero fazer é; para remover completamente todos os estilos já aplicados ao elementotxt1
. Existe uma maneira de fazer isso além de obter a lista de todos os estilos calculados e defini-los vazios?