Почему делают исходные данные, и выбирает использование различные модели поля?
Это появляется (по крайней мере, в IE 8 и Firefox 3), что для <входа> элементы ширина относится к содержанию, но для <избранных> элементов ширина относится к содержанию + границы. Я явно указываю ширину в стиле CSS.
Каково соглашение? Я думал бы, что и встроенные замененные элементы и вели бы себя тождественно. Действительно ли это поведение согласовывается со стандартами W3C? Это прокладывает себе путь во всех главных браузерах?
2 ответа
Браузеры существовали до W3C, поэтому они определили свои собственные правила рендеринга. Браузеры никогда не будут согласованы (в ближайшем будущем) в отношении стиля управления формой, потому что стили браузера по умолчанию несовместимы, а элементы управления формы отображаются в разных ОС.
На этом сайте перечислены стили браузера по умолчанию: http://www.iecss.com/ (стиль ввода несовместим)
Как правило, рекомендуется «сбросить» базовые стили всех элементов управления и других общих элементов (таких как html, body и т. Д.) До минимума. Хотя это не гарантирует создание идеально совпадающих элементов управления во всех браузерах, это значительно приближает вас. Существует множество готовых сбросов CSS, которые вы можете просто использовать вне Интернета. Одним из наиболее распространенных является сброс CSS YUI:
После сброса CSS, чтобы устранить несоответствие ширины, вам просто нужно установить стандартную границу и отступы по умолчанию для элементов управления вводом, которые должным образом соответствуют вашим стиль сайтов.