Почему обрезается текст в input type="text" в ie10?

В ie10 происходит вот такая my.jetscreenshot.com/7184/20131227-qycv-50kb обрезка текста в полях. В 11-й версии все хорошо работает. Вот стиль для поля:

padding: 0 10px;
height: 54px;
font: 400 22px/22px 'Open Sans', sans-serif;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
-webkit-border-radius: 2px;
border-radius: 2px;
border-style: none;
display: block;
margin: 0;

Как исправить это?
  • Вопрос задан
  • 4869 просмотров
Решения вопроса 1
aen
@aen
Keep calm and 'use strict';
font: 400 22px/22px 'Open Sans', sans-serif;
Высота строки и размер шрифта одинаковые, потому и режет. Увеличьте высоту строки.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Rainum
@Rainum
Соглашусь с @aen, увеличьте высоту строки как-то так font: 400 22px/1 'Open Sans', sans-serif;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы