带有填充问题的 IE9 文本输入答案

【问题标题】：IE9 text input with padding issue带有填充问题的 IE9 文本输入
【发布时间】：2011-12-19 10:21:30
【问题描述】：

在 IE9 中（我不知道旧版本，但首先我需要针对 IE9 中的场景的解决方案），<input type="text" /> 中的最后一个字母会在右侧填充后消失，如果存在的话。

请看一下这个小提琴（在 IE9 中）：http://jsfiddle.net/LQxDM/

有没有人能解决这个问题？

谢谢！

【问题讨论】：

【解决方案1】：

如果您将固定宽度应用于输入字段，它将不会显示超出该宽度的文本。这是另一个您可能会觉得有用的问题。它根据其内容更新输入的宽度：Resize input text field as text is entered

【讨论】：

【解决方案2】：

添加到您的样式

padding-right: 20px;
width: 320px;

【讨论】：