Почему не работает line-height у кнопки?

Question

[Игорь Пушкарский]

В общем вопрос глупый, но имеет место быть.

Есть кнопка, у неё высота 48px, а line-height должен быть 34px
Суть в том, что если уменьшать line-height меньше 36px, то текст тупо не двигается.

Почему так и как быть?

Answer 1

[Sticher78]

Внутренние отступы потому что, скорее всего, заданы, padding которые.

Upd:
"Еще такой эффект даёт inline-block" - имел ввиду, что при применении этого свойства, тоже не даёт уменьшить line-height.

display:block;
height:auto;

И выравнивай как тебе угодно.

Comments

[Игорь Пушкарский]

Нет, отступы обнулены.

[Sticher78]

Еще такой эффект даёт inline-block

[Игорь Пушкарский]

Он не помогает.

[Игорь Пушкарский]

https://jsfiddle.net/1spcorfj/1/

[Игорь Пушкарский]

https://jsfiddle.net/1spcorfj/3/

[Sticher78]

"Еще такой эффект даёт inline-block" - имел ввиду, что при применении этого свойства, тоже не даёт уменьшить line-height.

display:block;
height:auto;

И выравнивай как тебе душе угодно.

Answer 2

[Радость моя]

Все вроде двигается https://jsfiddle.net/1spcorfj/

Comments

[Игорь Пушкарский]

Селектор не тот https://jsfiddle.net/1spcorfj/1/

[Игорь Пушкарский]

https://jsfiddle.net/1spcorfj/3/

[Радость моя]

А ну тогда все понятно. Button и другие input-подобные элементы - это вообще отдельная история. Каждый браузер обвешивает их своими правилами которые не сдвинуть, либо сдвинуть очень сложно. Проблема довольно распространенная.

https://www.google.ru/search?q=button+line-height+...