Je veux construire une page où je peux voir les styles que je fais. Par conséquent, j'ai besoin d'activer la navigation et les états actifs. Voici mon code maintenant: p> <button class="myclass" disabled="true">Disabled</button>
<button class="myclass">Normal</button>
<button class="myclass" hover="true">Hover</button>
<button class="myclass" active="true">Active</button>
3 Réponses :
Ceci peut être fait facilement, cliquez simplement avec le bouton droit de la souris sur l'élément -> Inspecter élément -> Naviguez vers la classe (myClass dans votre cas) dans l'onglet Styles. Ensuite, cliquez sur: HOV et activez la navigation, la mise au point ou Active (reportez-vous à l'image ci-jointe)
Ok, donc c'est presque parfait, attendez-vous du fait que lorsque je rafraîchis mon application angulaire (après avoir changé une valeur CSS), je perds toutes ces paramètres de la boîte à cocher. Sur un écran avec 20 boutons, c'est un gros problème.
pour le développement:
Introduisez simplement une nouvelle classe CSS qui fait ce dont vous avez besoin.
juste faire
Si vous utilisez chrome f.e. Vous pouvez appuyer sur F12 pour ouvrir la console de développeur.
Là, vous pouvez basculer l'état de survol en haut à droite.
Il Pour tester:
Si c'est pour une sorte de tests automatisés et que vous avez vraiment besoin de l'état de navigation, je vous approche du problème du mauvais côté, utilisez un sélénium ou similaire pour vous guider dans la bonne direction. myClass.Hover dans css alors 
Merci de votre réponse, mais j'ai vraiment besoin d'afficher le : plancher état. Faire un .hover classe est une sorte d'inutile, puis je peux simplement faire toutes les classes dont j'ai besoin. Mais merci :)
Si cela est à des fins de test, utilisez une classement dédié en Hover en Active. Donnez aux boutons quelques classes factices et style les boutons Lorsque vous avez terminé, copiez le style à l'adresse suivante: plancher et: état actif et supprimer le code factice.
Il n'y a pas d'autre solution. S'il y en a un que je veux aussi savoir ce que cette solution est.
La réponse de Divesh Panwar est la voie à suivre.
Jetez un coup d'œil à Ceci