133 votes

Comment supprimer une seule propriété de style avec jQuery ?

J'ai un div avec cette propriété style="-moz-user-select:none; position:static !important;" . Je dois retirer le -moz-user-select Essayé avec $(selector).css() mais je ne sais pas quelle valeur donner parce que c'est "none" .

0 votes

Si c'est le cas none pourquoi devez-vous l'enlever ? Si vous devez le changer pour une autre valeur aquí est une liste de valeurs valides

262voto

Frédéric Hamidi Points 123646

La documentation pour css() indique que le fait de donner à la propriété style la valeur d'une chaîne vide supprimera cette propriété si elle ne réside pas dans une feuille de style :

Définir la valeur d'une propriété de style à 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 de style HTML, par le biais de l'outil de jQuery .css() ou par une manipulation directe du DOM de la propriété propriété style. En revanche, il ne le fait pas, supprimer un style qui a été appliqué par une règle CSS dans une feuille de style ou <style> élément.

Puisque vos styles sont en ligne, vous pouvez écrire :

$(selector).css("-moz-user-select", "");

21 votes

@KevinFegan document.getElementById('mydiv').style.removeProperty('-moz-‌​user-select')

-2voto

Informant Points 519

Vous pouvez également remplacer "-moz-user-select:none" par "-moz-user-select:inherit". La valeur du style sera alors héritée de tout style parent ou du style par défaut si aucun style parent n'a été défini.

5 votes

Hériter n'est pas supprimer

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X