Comment supprimer un style ajouté avec la fonction .css() ?

Question

Je change CSS con jQuery et je souhaite supprimer le style que j'ajoute en fonction de la valeur de l'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).

2ème remarque : je ne peux pas faire cela avec css("background-color", "none") parce qu'il supprimera le style par défaut de l'élément d'information. CSS des fichiers.
Je veux juste enlever le background-color style en ligne ajouté par jQuery .

Answer 1

Le remplacement de la propriété par une chaîne vide semble faire l'affaire :

$.css("background-color", "");

Answer 2

La réponse acceptée fonctionne mais laisse un vide style sur le DOM dans mes tests. Ce n'est pas grave, mais cela supprime tout :

removeAttr( 'style' );

Cela suppose que vous voulez supprimer tout le style dynamique et revenir au style de la feuille de style.

Answer 3

Il existe plusieurs façons de supprimer une propriété CSS à l'aide de jQuery :

1. Définir la propriété CSS à sa valeur par défaut (initiale)

.css("background-color", "transparent")

Voir le valeur initiale de la propriété CSS sur MDN . Ici, la valeur par défaut est transparent . Vous pouvez également utiliser inherit pour plusieurs propriétés CSS afin d'hériter de l'attribut de son parent. En CSS3/CSS4, vous pouvez également utiliser initial , revert o unset mais ces mots-clés ne sont pas toujours pris en charge par les navigateurs.

2. Suppression de la propriété CSS

Une chaîne vide supprime la propriété CSS, à savoir

.css("background-color","")

Mais attention, comme spécifié dans Documentation de jQuery .css() cette méthode supprime la propriété, mais elle pose des problèmes de compatibilité avec IE8 pour certaines propriétés de raccourci CSS, dont les suivantes arrière-plan .

Le fait de définir la valeur d'une propriété de style sur une chaîne vide - par exemple $('#mydiv').css('color', '') - supprime cette propriété d'un élément. si elle a déjà été appliquée directement, que ce soit dans l'attribut HTML style HTML, par la méthode .css() de jQuery ou par la manipulation directe du DOM de la propriété de style. de la propriété de style. Toutefois, elle ne supprime pas un style qui a été appliqué avec une règle CSS dans une feuille de style ou un élément élément. Avertissement : une exception notable, pour les IE 8 et inférieurs, la suppression d'une propriété de raccourci telle que border ou background supprimera entièrement ce style de l'élément, indépendamment de ce qui a été défini dans une feuille de style ou un élément .

3. Suppression de l'ensemble du style de l'élément

.removeAttr("style")

Answer 4

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');

Answer 5

L'une de ces fonctions jQuery devrait fonctionner :

$("#element").removeAttr("style");
$("#element").removeAttr("background-color")