Перекрестная стилизация ширины поля ввода Браузера
У меня есть входная форма поставки/тарификации, и я испытываю затруднения при моделировании полей ввода, чтобы быть той же шириной...
Проблема:
- поле кажется, представляет с различными размерами в различных браузерах (см. ссылку).
- Кроме того, выберите поля, кажется, представляют на по-другому также.
- Chrome/сафари, кажется, не отвечает на свойство размера шрифта для избранных полей.
Любое руководство о том, как стилизовать размер ввода текста и избранного полевого перекрестного браузера, было бы, о, так очень полезно.
Я должен закончиться к наличию другого sytlesheet для каждого браузера... только для этих полей ввода?спасибо
1 ответ
Сначала удалите этот встроенный атрибут "size". Вы должны использовать CSS для стилизации формы ввода:
input[type="text"] {
width: 100px;
/* You can also style padding, margins and everything else,
* just remember that inputs of type "text" can only be one line.
*/
}
Не используйте [type="text"] в качестве селектора. Я просто использовал его в этом примере для связи с полями ввода типа "text", но он не полностью поддерживается кроссбраузерными браузерами. Вы должны дать своим текстовым полям ввода собственный класс для стилизации.
Также не забудьте про CSS reset, чтобы убедиться, что ваши поля, границы и т.д. сброшены для всех браузеров. http://meyerweb.com/eric/tools/css/reset/