Ich arbeite an einer Web-Seite in Google Chrome. Es zeigt korrekt mit den folgenden Stilen.
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-Entwicklungstools steht anstelle des CSS-Dateinamens user agent stylesheet.
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;
}
Die "Schriftgröße" dieser neuen Stile stört mein Design. Gibt es eine Möglichkeit, meine Stylesheets zu erzwingen und, wenn möglich, Chrome's Standard-Stylesheet komplett zu überschreiben?
Was sind die Zielbrowser? Verschiedene Browser legen unterschiedliche Standard-CSS-Regeln fest. Versuchen Sie, einen CSS-Reset einzubinden, wie z. B. meyerweb css reset oder normalize.css, um diese Standardwerte zu entfernen. Googeln Sie "css reset vs normalize", um die Unterschiede zu sehen.
Bezüglich des Konzepts "User-Agent-Stylesheet" siehe Abschnitt Cascade in der CSS 2.1-Spezifikation.
User-Agent-Stylesheets werden durch alles überschrieben, was Sie in Ihrem eigenen Stylesheet festlegen. Sie sind nur die Grundlage: Wenn die Seite oder der Benutzer keine Stylesheets zur Verfügung stellt, muss der Browser den Inhalt irgendwie darstellen, und das User-Agent-Stylesheet beschreibt dies lediglich.
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).