html - 字体样式 : italic changing size of input on Chrome?

Question

我正在尝试解决我的输入问题，每当输入变脏时，我都会将字体样式更改为斜体。这在 Firefox 上运行良好。但是在 Chrome 上，当我将 font-style: italic; 应用于文本输入时，例如 size="5"，输入会以不同的宽度重新绘制自身.

您可以在此处查看一个基本示例: https://codepen.io/anon/pen/aeNoBV

只需删除输入的样式即可。

这是 Chrome 上的错误，还是我遗漏了什么？

Answer 1

input 上的 size 属性导致输入宽度计算取决于 Chrome 上的字符字体。

检查 this answer .

我建议对输入使用另一种方法，例如 width 本身，无论 font-style 都不会被修改。