Как заставить элементы формы отображать одинаково в разных браузерах?

Question

Вот изображение того, как выглядит моя контактная форма во всех различных браузерах:

Я попытался отредактировать часть CSS, но я ищу полныйконтроль над этими элементами, но я также не хочу терять гибкость (я также использую jQuery).

Есть ли способ переопределить методы рендеринга браузеров для этих текстовых областей, или я застрял со стилем по умолчанию?

Answer 1

Взгляните на normalize.css (элементы формы начинаются с 293).normalize.css позволяет браузерам отображать все элементы согласованно и в соответствии с современными стандартами.Это не быстрое решение, но, по крайней мере, оно даст вашим элементам некоторую согласованность для работы.Если вы используете это, убедитесь, что вы загружаете его раньше других стилей, иначе стили normalize.css переопределят вашу основную таблицу стилей.

Answer 2

Попробуйте использовать normalize.css .Он обеспечивает решение для кросс-браузерной совместимости для большинства элементов CSS.