Comprendre le rôle des feuilles de style de l'agent utilisateur
<p>Je travaille sur la page dans Google Chrome. Il affiche correctement les styles suivants. </p>
<pre class="brush:php;toolbar:false;">tableau {
affichage : tableau ;
border-collapse : séparé ;
espacement des bordures : 2 px ;
couleur de la bordure : gris ;
}</pré>
<p>Notez que je n’ai pas défini ces styles. Dans les outils de développement Chrome, il remplace le nom du fichier CSS par <strong>User Agent Stylesheet</strong>. </p>
<p>Maintenant, si je soumets le formulaire et que des erreurs de validation se produisent, j'obtiens la feuille de style suivante : </p>
<pre class="brush:php;toolbar:false;">tableau {
espace blanc : normal ;
hauteur de ligne : normale ;
poids de la police : normal ;
taille de police : moyenne ;
variante de police : normal ;
style de police : normal ;
couleur : -webkit-text ;
alignement du texte : -webkit-auto ;
}
tableau {
affichage : tableau ;
border-collapse : séparé ;
espacement des bordures : 2 px ;
couleur de la bordure : gris ;
}</pré>
<p>Le <code>font-size</code> dans ces nouveaux styles perturbe ma conception. Existe-t-il un moyen de forcer ma feuille de style, si possible, à remplacer complètement la feuille de style par défaut de Chrome ? </p>
