Ich benutze oft Entwickler-Tools, um live CSS-Änderungen zu testen, aber heute sehe ich zum ersten Mal, dass der Abschnitt Stile auf einer Seite ausgegraut ist (der Hintergrund ist grau, nicht der Text) und nicht editierbar . Ich habe nur die Möglichkeit, den Stil eines bestimmten, einzelnen Elements und nicht Elementgruppen zu überarbeiten.Warum sind CSS-Stile in den Chrome-Entwicklertools ausgegraut?
Was verursacht dies?
Jeder Browser verfügt über einen vordefinierten Satz von Stilen, die beim Rendern einer Webseite als anfänglicher Ausgangspunkt verwendet werden. Diese Stile werden üblicherweise als User Agent Styles bezeichnet. In den Chrome-Entwicklungstools sind diese Stile durch einen grauen Hintergrund gekennzeichnet.
In Aktion sehen
diese Presse in Aktion zu sehen:
<head>-Tag aus und schauen Sie in die rechte Spalte.Sie sollten die folgenden definierten Arten in diesem Fenster angezeigt:
element.style {
}
head { user agent stylesheet
display: none;
}
Die definierten Stile für head Teil des ursprünglichen User-Agent Sheet und bezeichnet mit dem grauen Hintergrund, die Sie oben erwähnen.
Gotcha- aber auf der Seite, die ich sehe, sind Elemente mit benutzerdefinierten Klassen auch nicht editierbar, wenn sie normalerweise bearbeitbar wären. –
@MylesMalloy Hmm, das ist seltsam. Das habe ich noch nie zuvor gesehen. Hast du eine URL, die du teilen kannst, damit ich sie live sehen kann? – War10ck
Ehrlich gesagt, würde ich diese Informationen lieber nicht geben - aber ich habe festgestellt, dass dies nicht auf der "Live" -Version der Website geschieht, sondern nur auf dem Entwickler-Server. –
Verwenden Sie Visual Studio? Mir ist aufgefallen, dass Chrome manchmal Änderungen, die ich über den Link von Visual Studio vorgenommen habe, "sperrt". Es mag damit zu tun haben –