Вертикальный текст в центре ввода в Safari независимо от размера - PullRequest
0 голосов
/ 10 декабря 2018

У меня проблема с тем, что Safari добавляет больше пробела вверху шрифта, чем внизу в элементе ввода.Проблема видна только тогда, когда размер шрифта ввода почти такой же большой или больше, чем высота ввода.

Я ищу решение, которое будет работать независимо от размера шрифта или высоты, поэтому добавление произвольного заполнения будет неприемлемым.

Chrome:

Chrome

Safari:

enter image description here

input {
  font-size: 75px;
  height: 80px;
  width: 200px;
}
<input value="0123">

1 Ответ

0 голосов
/ 11 декабря 2018

Я проверил свое решение: добавив css, чтобы удалить отступы / поля браузера в верхней части таблицы стилей.Это решение работало на Windows-версии Safari.

html,
body {
  margin: 0px;
  padding: 0px;
}

input {
  font-size: 75px;
  height: 80px;
  width: 200px;
}
<input value="0123">

Jsfiddle

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...