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?

questionAnswers(2)

yourAnswerToTheQuestion