Sto cambiando i CSS con jQuery e desidero rimuovere lo stile che sto aggiungendo in base al valore dell'input:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Come posso farlo? Si noti che la linea di cui sopra viene eseguita ogni volta che un colore viene selezionato utilizzando un selezionatore di colori (cioè quando il mouse si muove su una ruota di colori).
Seconda nota: non posso farlo con css("background-color", "none")
perché rimuoverà lo stile predefinito dai file css. Voglio solo rimuovere lo stile inline background-color
aggiunto da jQuery.
La risposta accettata funziona ma lascia un attributo style
vuoto sul DOM nei miei test. Niente di che, ma questo rimuove tutto:
removeAttr( 'style' );
Questo presuppone che tu voglia rimuovere tutto lo stile dinamico e tornare allo stile del foglio di stile.
Ho trovato il modo di rimuovere un attributo di stile con puro JavaScript solo per farvi conoscere il modo del puro JavaScript
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');