Почему Firefox имеет ширину в 3 пикселя на входе [type = submit]? - PullRequest
Новая
       12

Почему Firefox имеет ширину в 3 пикселя на входе [type = submit]?

0 голосов
/ 12 октября 2010

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

Firefox:

alt text

IE7:

alt text

Chrome & IE8 (как я хочу):

alt text

Мой CSS выглядит так: 

input, select, textarea {
 margin-bottom:3px;
}
input, select, button, textarea {
 font-family: Tahoma, Verdana, sans-serif, FreeSans;
 font-size:11px;
}
input[type=submit] {
 padding:1px 3px;
}

Кто-нибудь знает, как я могу это исправить?

UPDATE

Исправлена ​​проблема ширины. Проблема сейчас: высота кнопки в Firefox. Любые советы?

1 Ответ

0 голосов
/ 12 октября 2010

Вы можете избавиться от нелепых отступов слева и справа в IE, добавив: 

width: auto; overflow: visible;

в CSS для кнопок, а также для ввода «submit» и «button».(Почему? Кто знает?)

Что касается высоты, вы можете поэкспериментировать с установкой "line-height".Имейте в виду, что «высота строки» может заставить IE делать странные вещи с кнопками.

...