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

11

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?

internet-explorer-dev Chèvre mécontente
la source

Réponses:

15

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.

David
la source
il faut parfois beaucoup de temps pour mettre à jour la page que vous consultez. Il faudra peut-être cliquer sur différents éléments et revenir à celui que vous avez modifié pour le voir changer, selon mon expérience
Don Cheadle
0

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.

William Hilsum
la source
Le problème est: si je ne peux pas ajouter une nouvelle règle CSS, comment puis-je changer une règle de say background-color: transparentà display: blocksans qu'elle soit invalide en cours de route? Dès que je tape, displayIE pense que la règle - display: transparent- n'est pas valide.
DisgruntledGoat
: S Pouvez-vous supprimer / désactiver / faire la case à cocher sur l'autre en premier? (désolé, oubliez quelle option vous obtenez)
William Hilsum