moz focus inner

Ответ от Александр Ермилов[гуру]
Проблема с 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)
чем дальше в лес, тем злее партизаны))
по стилизации элементов форм можно многотомный труд написать.
- правда, он уже устареет к моменту выхода.))