Je modifie le CSS avec jQuery et je souhaite supprimer le style que j'ajoute en fonction de la valeur d'entrée :
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Comment puis-je le faire ? Notez que la ligne ci-dessus s'exécute chaque fois qu'une couleur est sélectionnée à l'aide d'un sélecteur de couleur (c'est-à-dire lorsque la souris passe sur une roue de couleur).
Deuxième remarque : je ne peux pas faire cela avec css("background-color" ;, "none" ;)
car cela supprimerait le style par défaut des fichiers css. Je veux juste supprimer le style en ligne background-color
ajouté par jQuery.
La réponse acceptée fonctionne mais laisse un attribut style
vide sur le DOM dans mes tests. Ce n'est pas très grave, mais cette solution supprime tout :
removeAttr( 'style' );
Cela suppose que vous voulez supprimer tout le style dynamique et revenir au style de la feuille de style.
J'ai trouvé le moyen de supprimer un attribut de style avec du pur JavaScript, juste pour vous faire connaître le fonctionnement du pur JavaScript.
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');