Поддерживать согласованность стилей кнопок отправки между Firefox и Safari?

Question

Итак, у меня есть кнопка отправки, которая имеет следующий стиль:

#search_submit {
    width:150px;
    font-size:1.5em;
}

В сафари это выглядит так:

В Firefox это выглядит так:

Я хотел бы, чтобы шрифт отображался на 1.5em, как это происходит в Firefox, но я хотел бы сохранить закругленные углы, которые присутствуют в Safari (которые исчезают в Firefox, только когда ядобавить font-size:1.5em

Я где-то читал, что лучше использовать em для кросс-браузерной поддержки? Разве это не так?

Answer 1

Использование em для размера шрифта не обязательно «лучше» для кросс-браузерной поддержки. Рекомендуется из-за своей масштабируемой природы, но может не всегда иметь последовательность использования пикселей (как говорится, идеальный пиксель ...)

Обычно не так сложно заставить кнопки выглядеть одинаково между Firefox и Safari. Без ссылки, чтобы увидеть страницу, трудно сказать, почему у вас такие отличия, и я думаю, у вас есть другие стили CSS на странице, влияющие на ваши кнопки.