Автор Паку Олег задал вопрос в разделе Другие языки и технологии
Как текст в кнопке submit выровнять кроссбраузерно по вертикали? и получил лучший ответ
Ответ от Александр Ермилов[гуру]
Проблема с Firefox?))
Известная штука. Вообще-то, сабмит - это тоже "системный" элемент, вид которого зависит от браузера и операционки.
Такие элементы очень тяжело поддаются стилизации.
Например, у многих браузеров не работает наследование некоторых свойств для этих элементов. Причем, во всех по-разному.
Поэтому все важные свойства (font-family, font-size) лучше прописать для самого элемента, а не для родителей.
У всех, кроме FF наследуется font-family, а у него нет.. . и т. д. Мало того, в FF по умолчанию там line-height: normal!important; которое не переписать собственным line-height: NN!important; (как и в Chrome - см. рассчитанный/скомпилированный стиль)
И кое-какие "собственные" фишки.
Поэтому при изменении высоты кнопки, или добавлении отступов, в FF текст в кнопке обычно смещается вниз.
Исправление немного странно выглядит, но работает) ) (сбрасываются свойства типичные для firefox):
input[type=submit]::-moz-focus-inner { padding:0; border:0; }
Это можно добавить в ваш собственный вариант reset css в виде:
::-moz-focus-inner { padding:0; border:0; }
на будущее))
Александр Ермилов
Гений
(52792)
чем дальше в лес, тем злее партизаны))
по стилизации элементов форм можно многотомный труд написать.
- правда, он уже устареет к моменту выхода.))
можешь попробовать в св-вах текста submit написать: display: table-cell; text-valign: center;