Jeg jobber på en nettside i Google Chrome. Den vises riktig med følgende stiler.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Det er viktig å merke seg at jeg ikke definerte disse stilene. I Chrome-utviklingsverktøyene står det user agent stylesheet i stedet for CSS-filnavnet.
Hvis jeg nå sender inn et skjema og det oppstår en valideringsfeil, får jeg følgende stilark:
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;
}
Skriftstørrelsen fra disse nye stilene forstyrrer designet mitt. Er det noen måte å tvinge stilarkene mine og om mulig fullstendig overskrive Chrome&# 39s standard stilark?
Hva er målnettleserne? Ulike nettlesere har forskjellige standard CSS-regler. Prøv å inkludere en CSS-tilbakestilling, for eksempel meyerweb css reset eller normalize.css, for å fjerne disse standardinnstillingene. Google "css reset vs normalize" for å se forskjellene.
Når det gjelder begrepet "user agent style sheet", se avsnitt Cascade i CSS 2.1-spesifikasjonen.
Stilark for brukeragenter overstyres av alt du angir i ditt eget stilark. De er bare grunnstammen: i mangel av stilark fra siden eller brukeren, må nettleseren fortsatt gjengi innholdet på en eller annen måte, og brukeragentens stilark beskriver bare dette.
Så hvis du tror du har et problem med et brukeragent-stilark, har du egentlig et problem med markeringen din, eller stilarket ditt, eller begge deler (som du ikke skrev noe om).