Est-il possible de "supprimer" le style des éléments HTML?

Question

Je me demande s'il est possible de restaurer le style d'un élément à son état "par défaut", avec Javascript ou autre.

Je dois le faire parce que j'insère du HTML dans des pages Web tierces et que je ne peux pas contrôler les styles qu'ils attribuent aux différents éléments. Par exemple, ils peuvent avoir:

div { 
    margin: 10px; 
    padding: 5px; 
    line-height: 10px; 
    font-size: 150%; 
    border: 10px solid yellow; 
    foo: bar; 
} 

est-il un moyen facile pour effacer tous les styles et le ramener aux paramètres « par défaut »? Y a-t-il même une liste de styles par défaut?

Merci

Answer 1

Il semble que quelqu'un ait déjà posé cette question sur SO.

CSS Reset, default styles for common elements

Answer 2

Les styles par défaut sont définis par chaque navigateur, et comme vous pouvez le deviner, tous les navigateurs ont ce style un peu différemment. Vous pouvez être en mesure de définir chaque attribut de style et l'attribuer à hériter importante:

div { 
    margin: inherit !important; 
    padding: inherit !important; 
    line-height: inherit !important; 
    font-size: inherit !important; 
    border: inherit !important; 
    foo: inherit !important; 
} 

Je ne suis pas tout à fait cela fonctionnera positif, donc je vais regarder autour et essayer.

Answer 3

Si vous pouvez télécharger votre propre CSS (ou stylesheet interne) vous pouvez définir l'identifiant d'un élément et ces styles ont priorité sur la div générique {} styles.

Answer 4

Vous pouvez toujours définir une classe de réinitialisation ou similaire, avec toutes les règles de style par défaut, puis utiliser JS pour appliquer ce style aux éléments que vous souhaitez réinitialiser. par exemple

.reset { 
    margin: 0 !important; 
    color: #000 !important; 
    ... etc ... 
} 

et puis certains jQuery comme:

$('div').addClass('reset'); 

travaillerait peut-être ...