Εργάζομαι σε μια ιστοσελίδα στο Google Chrome. Εμφανίζεται σωστά με τα ακόλουθα στυλ.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Είναι σημαντικό να σημειωθεί ότι δεν έχω ορίσει αυτά τα στυλ. Στα εργαλεία ανάπτυξης του Chrome, στη θέση του ονόματος του αρχείου CSS αναφέρεται user agent 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;
}
Το "μέγεθος γραμματοσειράς" από αυτά τα νέα στυλ διαταράσσει το σχεδιασμό μου. Υπάρχει κάποιος τρόπος να επιβάλω τα φύλλα στυλ μου και αν είναι δυνατόν, να αντικαταστήσω εντελώς το προεπιλεγμένο φύλλο στυλ του Chrome's;
Ποια είναι τα προγράμματα περιήγησης-στόχου; Διαφορετικά προγράμματα περιήγησης ορίζουν διαφορετικούς προεπιλεγμένους κανόνες CSS. Δοκιμάστε να συμπεριλάβετε μια επαναφορά CSS, όπως το meyerweb css reset ή το normalize.css, για να καταργήσετε αυτές τις προεπιλογές. Google "css reset vs normalize" για να δείτε τις διαφορές.
Όσον αφορά την έννοια "φύλλο στυλ πράκτορα χρήστη", συμβουλευτείτε την ενότητα Cascade στο CSS 2.1 spec.
Τα φύλλα στυλ του πράκτορα χρήστη παρακάμπτονται από οτιδήποτε ορίζετε στο δικό σας φύλλο στυλ. Είναι απλώς ο πάτος του βράχου: ελλείψει οποιουδήποτε φύλλου στυλ που παρέχεται από τη σελίδα ή από τον χρήστη, το πρόγραμμα περιήγησης εξακολουθεί να πρέπει να αποδίδει το περιεχόμενο με κάποιο τρόπο, και το φύλλο στυλ πράκτορα χρήστη απλώς το περιγράφει αυτό.
Έτσι, αν νομίζετε ότι έχετε πρόβλημα με το φύλλο στυλ του πράκτορα χρήστη, τότε στην πραγματικότητα έχετε πρόβλημα με τη σήμανσή σας, ή με το φύλλο στυλ, ή και με τα δύο (για τα οποία δεν γράψατε τίποτα).