垂直于Safari中输入内容的文本居中大小

Question

我遇到一个问题，其中Safari在输入元素的字体顶部比底部添加更多间距。仅当输入的字体大小几乎等于或大于输入的高度时，此问题才可见。

我正在寻找一种无论字体大小或高度如何都可以工作的解决方案，因此添加任意填充将是不可接受的。

Chrome浏览器：

Safari：

input {
  font-size: 75px;
  height: 80px;
  width: 200px;
}

<input value="0123">

Answer 1

我测试了我的解决方案：在样式表的顶部添加css以删除浏览器填充/边距。该解决方案适用于Windows版本的Safari。

#define BOOST_ALL_NO_LIB 1

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

input {
  font-size: 75px;
  height: 80px;
  width: 200px;
}

Jsfiddle

希望这会有所帮助