639 Stimmen

Was ist ein User-Agent-Stylesheet?

Ich arbeite gerade an einer Webseite in Google Chrome. Sie wird mit den folgenden Stilen korrekt angezeigt.

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

Es ist wichtig zu beachten, dass ich diese Stile nicht definiert habe. In den Chrome-Entwicklertools heißt es User-Agent-Stylesheet anstelle des CSS-Dateinamens.

Wenn ich nun ein Formular abschicke und ein Validierungsfehler auftritt, erhalte ich das folgende Stylesheet:

table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

En font-size von diesen neuen Stilen stört mein Design. Gibt es eine Möglichkeit, meine Stylesheets zu erzwingen und, wenn möglich, das Standard-Stylesheet von Chrome vollständig zu überschreiben?

295voto

Was sind die Zielbrowser? Verschiedene Browser legen unterschiedliche Standard-CSS-Regeln fest. Versuchen Sie, einen CSS-Reset einzubinden, z. B. die meyerweb CSS zurücksetzen ou normalize.css um diese Voreinstellungen zu entfernen. Google "CSS zurücksetzen vs normalisieren", um die Unterschiede zu sehen.

194voto

Jesper Mygind Punkte 2276

Si <!DOCTYPE> in Ihrem HTML-Inhalt fehlt, kann es vorkommen, dass der Browser das "User-Agent-Stylesheet" Ihrem eigenen Stylesheet vorzieht. Das Hinzufügen des Doctype behebt dies.

135voto

Jukka K. Korpela Punkte 186389

Bezüglich des Konzepts "User Agent Style Sheet", siehe Abschnitt Kaskade in der CSS 2.1-Spezifikation.

Die Stylesheets der Benutzeragenten werden durch alles überschrieben, was Sie in Ihrem eigenen Stylesheet festlegen. Sie sind nur der Tiefpunkt: Wenn die Seite oder der Benutzer keine Stylesheets zur Verfügung stellt, muss der Browser den Inhalt trotzdem darstellen irgendwie und die Stilvorlage für den Benutzer-Agenten beschreibt genau dies.

Wenn Sie also meinen, Sie hätten ein Problem mit einem User-Agent-Stylesheet, dann haben Sie in Wirklichkeit ein Problem mit Ihrem Markup oder Ihrem Stylesheet oder beidem (worüber Sie nichts geschrieben haben).

55voto

Daniel Punkte 2273

Die Kennzeichnung des Dokuments als HTML5 durch den richtigen Doctype in der ersten Zeile hat mein Problem gelöst.

<!DOCTYPE html>
<html>...

47voto

Kenneth Stoddard Punkte 1269

Ein User-Agent-Stylesheet ist ein "Standard-Stylesheet", das vom Browser (z. B. Chrome, Firefox, Edge usw.) bereitgestellt wird, um die Seite so darzustellen, dass sie den "allgemeinen Darstellungserwartungen" entspricht. Ein Standard-Stylesheet würde zum Beispiel Basisstile für Dinge wie Schriftgröße, Rahmen und Abstände zwischen Elementen bereitstellen.

Üblich ist auch die Verwendung eines CSS zurücksetzen zur Normalisierung oder Beseitigung von Inkonsistenzen zwischen Browsern aufgrund von Unterschieden bei den von den einzelnen Browsern angewandten Basisstilen.

Aus der Spezifikation...

Das Standard-Stylesheet eines User Agents sollte die Elemente der Dokumentensprache so darstellen, dass die allgemeinen Darstellungserwartungen für die Dokumentensprache erfüllt werden. ~ Die Kaskade .

Für weitere Informationen über User Agents im Allgemeinen siehe Benutzer-Agent .

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X