如何修复Safari中固定高度输入框中的文本剪辑?

时间:2019-06-15 18:18:05

标签: css safari

我正在尝试在具有固定高度的输入框中使用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-heightpaddingvertical-align的各种组合,但是似乎没有什么不同。唯一有效的方法是放开Corben字体,并使浏览器恢复为默认状态。

相关问题:

  • This one给出了一个答案,可能会导致更多问题而不是解决之道。
  • This one的答案对我不起作用。

0 个答案:

没有答案