Непоследовательная модель поля между <входной тип = “отправляет”/> и <входной тип = “текст”/>
Давным-давно я нашел эта страница (освободите основной (пустота)) , который содержал много причин за пределами, "в стандарте говорится, что это не допустимый" аргумент. В конкретных операционных системах/архитектуре это могло заставить стек становиться поврежденными и или другими противными вещами произойти.
2 ответа
Является ли это правильным поведением IE и FF?
На самом деле в стандарте не указано, как CSS контролирует оформление полей формы. Первоначально они были реализованы как виджеты ОС, и в этом случае изменение размера рамки имело бы смысл. Позже браузеры перешли на рендеринг самих виджетов с использованием границ / отступов CSS и т. Д., И в этом случае изменение размера поля содержимого будет иметь смысл. Некоторые браузеры (IE) отображают поля формы как сочетание того и другого, что означает, что вы можете получить поля выбора, не совпадающие с текстовыми полями.
И есть ли кросс-браузерный способ решения этой проблемы? Лучшее, что вы можете сделать, это указать браузеру, какой размер вы хотите вручную, с помощью CSS3:
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;(Не будет работать в IE6 / 7 или IE8 в режиме совместимости или совместимости.)
У вас есть два варианта решения этой проблемы 1) если вы пишете код CSS для ввода, он применяется для каждого элемента ввода. Вместо того, чтобы использовать это для извлечения одного из них, просто делайте это для определенных типов
input[type="submit"],input[type="text"]
{
border: 5px solid #808080;
padding:0px;
background-color:#C0C0C0;
width:20em;
}
2) Я всегда использую объявления классов после сброса известных имен тегов.
.MySubmit
{
border: 5px solid #808080;
padding:0px;
background-color:#C0C0C0;
width:20em;
}
и используйте его как
<input type="submit" class="MySubmit" />
Надеюсь, это поможет.