Как исправить обрезку текста в поле ввода фиксированной высоты в Safari? - PullRequest
Новая
       6

Как исправить обрезку текста в поле ввода фиксированной высоты в Safari?

0 голосов
/ 15 июня 2019

Я пытаюсь использовать шрифт Corben в поле ввода с фиксированной высотой: 

input {
  height: 30px;
  font-family: 'Corben', cursive;
  font-size: 30px;
  line-height: 1;
}
<head>
  <link href="https://fonts.googleapis.com/css?family=Corben" rel="stylesheet">
</head>
<body>
  <input value="hello">
</body>

Результат в Chrome / Linux выглядит отлично:

result in Chrome

В Firefox / Linux также:

result in Firefox

Но в Safari 11.1.2 (не использующей последнюю версию, потому что мой тостер не может запустить Mojave), текст сдвинут слишком далеко вниз:

result in Safari

Я пробовал различные комбинации line-height, padding и vertical-align, но, похоже, ничего не изменилось. Единственное, что «работает» - это избавиться от шрифта Corben и позволить браузеру вернуться к настройкам по умолчанию.

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

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

Нет похожих вопросов

...