字体样式：斜体更改 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 都不会被修改。