Изменились отступы на кнопке, когда они размещены под текстовой областью?

Question

У меня возникла странная проблема. Я делаю некоторые пользовательские стили кнопок с помощью jQuery, и это работает, как предполагалось, но когда я добавляю кнопки под текстовыми полями или полями ввода, это каким-то образом меняет отступ / текстовую высоту. от кнопки к кнопке ..

Я загрузил простой пример здесь: http://pastehtml.com/view/b4x81v12y.html

Как вы можете видеть, текст кнопки TOP перемещается на 1 пиксель выше, чем кнопка Внизу. Кто-нибудь знает почему?

(я тестирую его в Firefox v6)

Answer 1

Вы правильно поняли - это выглядит иначе - разница в 1px.Я не смог выяснить, в чем причина этого.

Однако, установив для свойства line-height фиксированное значение 30px , проблема 1px была устранена вфайл примера, с которым вы связались.

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

В общем, я принимаю кактот факт, что правильное оформление кнопок (в кросс-браузерной манере) является болью в **.Большую часть времени я пользуюсь этими кнопками (полную статью по теме можно найти здесь: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html), чтобы избавить себя от необходимости стайлинга с нуля.