contrer les styles existants

Question

J'ai une div avec un rembourrage, créé et stylé par Javascript. Ce div est créé sur une page avec la règle CSS suivante:

div { 
    width: 100%; 
} 

Ce bousille, car il change la largeur de mon créé div à ce qu'il serait naturellement PLUS son rembourrage (si je finis avec des boutons en dehors des frontières div). Je ne peux pas définir de façon statique les largeurs de div parce qu'elles dépendent du contenu. Alors, comment puis-je remplacer cette règle et la ramener à la "largeur par défaut"?

Answer 1

Vous devez le CSS suivant:

div { width: auto; } 

Puisque la règle CSS est appliquée par JavaScript, ce qui amène à être un style en ligne, vous devrez peut-être utiliser !important pour vous assurer que la nouvelle règle a une plus spécificité afin que vous puissiez remplacer l'ancien.

div { width: auto !important; } 

Bien sûr, ce serait encore mieux si vous pouvez simplement modifier le JavaScript afin qu'il ne serait pas ajouter le style à la div plus.