Comment éditez-vous CSS dans les outils de développement IE?

J'utilise les outils de développement d'Internet Explorer pour essayer de déboguer un problème que j'ai avec une page Web.

Lorsque je mets en évidence des éléments, le CSS apparaît sur le côté droit, mais je ne semble pas être en mesure d'ajouter de nouvelles règles ou de modifier correctement le CSS existant.

En essayant d'ajouter une propriété "display: block" à une classe, j'ai essayé d'éditer une règle existante qui n'avait pas d'importance (background-color: transparent) mais dès que je la change la règle disparaît!

Suis-je en train de rater quelque chose ici quelque part?

Pour un ajout rapide pour tester et voir l'effet je le fais un peu différemment.

Avec l'onglet HTML sélectionné, choisissez le panneau "Attributs" à côté de Style, Trace Styes et Layout.

Cliquez sur le bouton "+" et commencez à taper le style css que vous souhaitez ajouter. Le nouvel attribut de style est ajouté automatiquement dans le panneau de vue DOM.

J'espère que cela t'aides.

Vérifiez que votre CSS est valide ou qu'il n'y a pas de règles en conflit - d'après ce dont je me souviens, la dernière fois que j'ai utilisé IE Developer Tools, il supprime immédiatement les balises non valides et les balises personnalisées inutilisées dans certaines situations.

Personnellement, je préfère maintenant utiliser Firebug dans Firefox et les outils de développement Chrome intégrés à Chrome - je n'ai pas vraiment de favori, mais je trouve Firebug meilleur pour css / design et Chrome meilleur pour les cookies / scripts, etc.