Я працюю на веб-сторінці в браузері Google Chrome. Вона коректно відображається з наступними стилями.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Важливо зазначити, що я не визначав ці стилі. В інструментах розробника Chrome замість імені файлу CSS написано таблиця стилів агента користувача.
Тепер, якщо я відправляю форму і виникає помилка валідації, я отримую наступну таблицю стилів:
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 за замовчуванням?
Які цільові браузери? Різні браузери встановлюють різні правила CSS за замовчуванням. Спробуйте включити скидання CSS, наприклад, meyerweb css reset або normalize.css, щоб видалити ці значення за замовчуванням. Пошукайте в Google "css reset vs normalize", щоб побачити відмінності.
Щодо поняття "таблиця стилів агента користувача" див. розділ Каскад у специфікації CSS 2.1.
Таблиці стилів агента користувача перевизначаються всім, що ви встановили у своїй власній таблиці стилів. Вони є лише нижньою межею: за відсутності будь-яких таблиць стилів, наданих сторінкою або користувачем, браузеру все одно доводиться відображати вміст якимось чином, а таблиця стилів агента користувача якраз це і описує.
Так що якщо ви думаєте, що у вас проблема з таблицею стилів агента користувача, то насправді у вас проблема з вашою розміткою, або з вашою таблицею стилів, або з тим і іншим разом (про що ви нічого не написали).