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

Question

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

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

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

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

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

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

Answer 1

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

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