Dans Chrome Dev Tools, vous pouvez sélectionner un élément et activer l'état de survol. Existe-t-il un moyen de le faire dans les outils de développement d'Internet Explorer?
Je ne sais pas quelle version de IE vous utilisiez lorsque vous avez posé cette question.
Juste pour l'information de tout le monde, je peux voir le style de survol via l'onglet HTML en utilisant la séquence d'étapes suivante dans IE 9:
Vous pouvez maintenant afficher le hover CSS.
Edit (janvier 2015):
Dans IE 11, vous cliquez sur la grande icône bleue "a:" qui apparaît en haut à droite du volet Styles de l'explorateur DOM, puis cochez la case "Survoler".
Dans IE11, vous cliquez sur la grande icône bleue "a:" qui apparaît en haut à droite du volet Styles de l'explorateur DOM, puis cochez la case "Survoler".
Si vous ne voyez pas le "a:", sélectionnez d'abord un élément ou une balise HTML dans le volet gauche de l'explorateur DOM.
Je n'ai pas pu trouver l'état CSS: hover dans IE outils de développement non plus. J'ai donc fini par utiliser Firebug Lite à partir d'un bookmarklet.
La suggestion de Lao Lei fonctionne. Lorsque vous ouvrez les outils de développement, assurez-vous qu'il est sur le focus pour qu'il puisse recevoir les commandes de raccourci - lorsque vous cliquez sur la barre de défilement de la page ou sur la page, il concentre la fenêtre du navigateur et envoie toutes les commandes de raccourci à la page . Pour éviter les erreurs, procédez comme suit:
Meilleures salutations.
Pour ceux qui trouvent cela sur Google, j'ai créé un outil multi-navigateur qui vous permet de visualiser votre mise en page HTML/CSS en déplaçant simplement la souris. Vous pouvez facilement afficher les éléments dans leur état de survol.