html - 字体样式：斜体更改 Chrome 上的输入大小？

Question

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

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

只需删除输入的样式。

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

标签： htmlcssgoogle-chrome

Answer 1

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

检查这个答案。

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