Siehe :Hover-Status in Chrome Developer Tools

Question

Ich möchte die :hover Stil für einen Anker, an dem ich mich in Chrom . Unter Firebug gibt es ein Stil-Dropdown, mit dem ich verschiedene Zustände für ein Element auswählen kann.

In Chrome kann ich nichts Vergleichbares finden. Übersehe ich etwas?

Answer 1

Jetzt können Sie sowohl die Pseudoklassenregeln sehen als auch sie auf Elemente anwenden.

Um die Regeln zu sehen, wie :hover klicken Sie im Fensterbereich Formatvorlagen auf das kleine :hov Text oben rechts.

Um ein Element zu erzwingen :hover Status, klicken Sie mit der rechten Maustaste darauf und wählen Sie :hover .

Weitere Tipps zum Elemente-Panel en Shortcuts für Chrome-Entwicklerwerkzeuge .

Answer 2

EDIT: Diese Antwort war vor der Fehlerbehebung, siehe die Antwort von tnothcutt.

Das war ein bisschen knifflig, aber es geht:

• Klicken Sie mit der rechten Maustaste auf ein Element, aber bewegen Sie den Mauszeiger NICHT von dem Element weg, sondern lassen Sie ihn im Schwebezustand.
• Wählen Sie das Inspektionselement über die Tastatur aus, indem Sie den Pfeil nach oben und dann die Eingabetaste drücken.
• Schauen Sie in den Entwicklertools unter Abgestimmte CSS-Regeln nach, dort sollten Sie :hover sehen können.

PS: Ich habe dies bei einem Ihrer Frage-Tags ausprobiert.

Answer 3

Ich wollte den Hover-Status auf meinen Bootstrap-Tooltips sehen. Erzwingen Sie die :hover Status in den Chrome Dev Tools nicht die gewünschte Ausgabe erzeugt, aber das Auslösen der mouseenter Ereignis über die Konsole hat den Trick in Chrome gemacht. Wenn jQuery auf der Seite vorhanden ist, können Sie ausführen:

$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');

Answer 4

Es gibt verschiedene Möglichkeiten zu sehen SCHWEBEZUSTAND Stile in den Chrome-Entwicklerwerkzeugen.

Methode 01

Methode 02

Mit der Firefox-Standard-Entwicklergebühr

Mit Firebug

Answer 5

Falls es hilft, scheint dies mit dem neuesten Chrome (47.0.2526.106) einfacher zu sein:

Element inspizieren und klicken Sie dann auf die drei weißen Punkte in der linken Rinne:

Wählen Sie dann den gewünschten Elementstatus aus dieser Dropdown-Liste: