web-dev-qa-db-fra.com

Outils de développement F12 d'IE - Ajouter un nouveau CSS?

Je visualise un élément avec les outils de développement IE F12. Je peux voir les styles appliqués à l'élément pour pouvoir les modifier ou les désactiver, mais comment puis-je ajouter un style complètement nouveau?

Merci

28
Evans

Pour IE8/IE9, vous pouvez ajouter l'attribut style à l'élément et ajouter les propriétés CSS en ligne. Faites simplement un clic droit sur l'élément et sélectionnez Ajouter un attribut . Comme indiqué, cela ajoute du style à un seul élément.

Pour IE10/11, voir autre réponse .

12
andyb

Dans IE9, vous pouvez sélectionner l'onglet CSS, puis cliquer avec le bouton droit pour ajouter une nouvelle règle de style.

enter image description here

Dans IE11, vous devez sélectionner l'onglet Explorateur DOM, puis l'onglet Styles à droite. Ensuite, vous pouvez cliquer avec le bouton droit pour ajouter une nouvelle règle de style.

enter image description here

35
joshb

Cliquez sur l'onglet Attributs dans les outils de développement. Vous pouvez ajouter css ici.

1
Schezarde

Si IE ne trouve pas l'élément que vous survolez avec le curseur, il se peut qu'une partie du code HTML soit chargée avec Ajax ou une autre technique similaire alors que la page est déjà générée. Si tel est le cas, vous devrez fermer l'inspecteur, recharger la page, effectuer toutes les étapes nécessaires pour afficher l'élément qui vous intéresse et seulement ouvrir l'inspecteur à nouveau. Maintenant, il devrait trouver votre élément lorsque vous le survolez afin que vous puissiez l'inspecter pour tout ce dont vous avez besoin.

1
Ulysses Alves