Wie bearbeite ich CSS in IE Developer Tools?

11

Ich verwende die Entwicklertools von Internet Explorer, um zu versuchen, ein Problem mit einer Webseite zu beheben.

Wenn ich Elemente hervorhole, wird das CSS auf der rechten Seite angezeigt, aber ich kann anscheinend keine neuen Regeln hinzufügen oder das vorhandene CSS ordnungsgemäß bearbeiten.

Beim Versuch, einer Klasse eine "display: block" -Eigenschaft hinzuzufügen, habe ich versucht, eine vorhandene Regel zu bearbeiten, die keine Rolle spielt (Hintergrundfarbe: transparent), aber sobald ich sie ändere, verschwindet die Regel!

Vermisse ich hier irgendwo einen Trick?

DisgruntledGoat
quelle

Antworten:

15

Für eine schnelle Ergänzung zum Testen und Sehen des Effekts mache ich es etwas anders.

Wählen Sie bei ausgewählter Registerkarte "HTML" das Bedienfeld "Attribute" neben "Stil", "Trace-Stile" und "Layout".

Klicken Sie auf die Schaltfläche "+" und geben Sie den CSS-Stil ein, den Sie hinzufügen möchten. Das neue Stilattribut wird automatisch im DOM-Ansichtsfenster hinzugefügt.

Hoffe das hilft.

David
quelle
Manchmal dauert es lange, bis die angezeigte Seite tatsächlich aktualisiert ist. Möglicherweise müssen Sie auf verschiedene Elemente klicken und zu dem Element zurückkehren, das Sie bearbeitet haben, um zu sehen, dass es sich meiner Erfahrung nach ändert
Don Cheadle,
0

Überprüfen Sie, ob Ihr CSS gültig ist oder ob es keine widersprüchlichen Regeln gibt. Soweit ich mich erinnere, werden bei der letzten Verwendung der IE Developer Tools in einigen Situationen sowohl ungültige als auch nicht verwendete benutzerdefinierte Tags sofort gelöscht.

Persönlich bevorzuge ich jetzt die Verwendung von Firebug in Firefox und den in Chrome integrierten Chrome-Entwicklungstools - ich habe keinen Favoriten, aber ich finde Firebug besser für CSS / Design und Chrome besser für Cookies / Skripte usw.

William Hilsum
quelle
Das Problem ist: Wenn ich keine neue CSS-Regel hinzufügen kann, wie ändere ich eine Regel von "Sagen" background-color: transparentin " Sagen" , display: blockohne dass sie unterwegs ungültig ist? Sobald ich displaytippe, denkt der IE, dass die Regel - display: transparent- ungültig ist.
DisgruntledGoat
: S Können Sie das Kontrollkästchen auf der anderen Seite zuerst löschen / deaktivieren / ausführen? (Entschuldigung, vergessen Sie, welche Option Sie erhalten)
William Hilsum