I'm mudando o CSS com jQuery e desejo remover o estilo I'm adicionando com base no valor de entrada:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Como é que eu posso fazer isto? Note que a linha acima corre sempre que uma cor é selecionada usando um seletor de cores (isto é, quando o mouse se move sobre uma roda de cor).
2ª nota: Eu posso't fazer isso com css("background-color",, "none")
porque ele irá remover o estilo padrão dos arquivos css. Eu só quero remover o estilo background-color
em linha adicionado por jQuery.
A resposta aceita funciona, mas deixa um atributo 'estilo' vazio no DOM nos meus testes. Nada de mais, mas isto remove tudo:
removeAttr( 'style' );
Isso pressupõe que você queira remover todo o estilo dinâmico e retornar ao estilo da folha de estilo.
Eu tenho a maneira de remover um atributo de estilo com puro JavaScript apenas para que você saiba o caminho do puro JavaScript
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');