Изменения высоты шрифта между браузерами Firefox и Webkit? - PullRequest
Новая
       19

Изменения высоты шрифта между браузерами Firefox и Webkit?

0 голосов
/ 20 ноября 2011

Шрифт (myriad pro), по-видимому, отличается в браузерах Firefox и Webkit (Chrome & Safari).Я не проверял в Internet Explorer.

Firefox & webkit comparison

form.standard.small input[type=submit] {
    width: 104px;
    height: 36px;
    margin: 12px 2px 4px;
    padding: 5px 27px 5px 45px;
    font-size: 14px;
    background:url('../images/button-small.png') no-repeat 0px 0px;
}

Когда я вхожу в компьютерный стиль в Firebug, все параметры одинаковы (высота строки, размер шрифта,отступы, поля и т. д.).Я пытался выделить файлы @ font-face для одного типа файлов .ttf, но без изменений.

Кто-нибудь знает, почему / как исправить?

Ответы [ 2 ]

1 голос
/ 22 ноября 2011

Имейте в виду, что IE 6 не понимает 

input[type="button"]

Вы должны добавить класс.

1 голос
/ 20 ноября 2011

Это известная проблема, что Firefox добавляет дополнительную высоту для кнопок, попробуйте добавить этот код в файл CSS: 

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}
...