Comment puis-je remplacer les styles `!important` en ligne avec JavaScript ?

Remplacer les styles !important en ligne avec JavaScript

La méthode .css() de jQuery n'applique pas les styles marqués avec l'attribut !important. Cela peut être frustrant lorsque vous essayez de remplacer les styles en ligne existants qui incluent !important.

Solution :

Surmontez cette limitation en utilisant l'une de ces méthodes :

1. Utiliser addClass() avec une classe Règle :

   • Créer une classe CSS avec le style !important souhaité :

     .importantRule { width: 100px !important; }

     Copier après la connexion

   • Appliquer la classe à l'élément cible :

     $('#elem').addClass('importantRule');

     Copier après la connexion

2. Utiliser attr() pour définir le style en ligne :

   • Cette méthode écrase tous les styles en ligne existants :

     $('#elem').attr('style', 'width: 100px !important');

     Copier après la connexion

   • Pour conserver les styles en ligne existants styles, utilisez cette version modifiée :

     $('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

     Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!