如何修复 IE 文本重叠输入填充

【问题标题】：how to fix IE text overlapping input padding如何修复 IE 文本重叠输入填充
【发布时间】：2012-12-12 11:06:11
【问题描述】：

在 IE9 之前的所有 IE 中，文本在输入中是重叠的。我还没有测试 IE 10。寻找 css hack 或类似的东西

padding: 7px 35px 7px 5px !important;

IE中的结果好像是这样的

【问题讨论】：

【解决方案1】：

我不认为这有什么技巧，我建议您将填充应用于这样的 wrap 元素：

http://jsbin.com/udezuz/1/ 这在 IE 中不存在忽略右填充的问题。

【讨论】：

【解决方案2】：

我认为您无法选择使用相同的代码来解决。

您可以将图像背景附加为span。

【讨论】：