Verstehen Sie die Rolle von Benutzeragenten-Stylesheets
<p>Ich arbeite an der Seite in Google Chrome. Die folgenden Stile werden korrekt angezeigt. </p>
<pre class="brush:php;toolbar:false;">table {
Anzeige: Tisch;
Grenzkollaps: getrennt;
Randabstand: 2px;
Randfarbe: grau;
}</pre>
<p>Beachten Sie, dass ich diese Stile nicht definiert habe. In den Chrome Developer Tools wird der CSS-Dateiname durch <strong>User Agent Stylesheet</strong> ersetzt. </p>
<p>Wenn ich nun das Formular absende und einige Validierungsfehler auftreten, erhalte ich das folgende Stylesheet: </p>
<pre class="brush:php;toolbar:false;">table {
Leerraum: normal;
Zeilenhöhe: normal;
Schriftstärke: normal;
Schriftgröße: mittel;
Schriftartvariante: normal;
Schriftstil: normal;
Farbe: -webkit-text;
text-align: -webkit-auto;
}
Tisch {
Anzeige: Tisch;
Grenzkollaps: getrennt;
Randabstand: 2px;
Randfarbe: grau;
}</pre>
<p>Die <code>font-size</code> in diesen neuen Stilen stört mein Design. Gibt es eine Möglichkeit, wenn möglich zu erzwingen, dass mein Stylesheet das Standard-Stylesheet von Chrome vollständig überschreibt? </p>
