这是Chrome和IE中的文本缩进错误，还是我遗漏了什么？

Question

http://jsfiddle.net/CtaBe/

我在FF，Chrome和IE中测试了这个。只有FF显示预期的行为（或至少我认为是预期的行为）。 Chrome和IE显示相同的行为：当您第一次关注输入时，光标不会缩进。键入somehing，删除它并重新聚焦后，它会正确缩进。

我该如何解决这个问题？因为我想在缩进的空间中显示图像。

Answer 1

快速免责声明：此消息概述了一个人为什么会选择在输入字段而不是填充上使用text-indent的可靠示例。它没有回答“如何在输入字段上修复IE句柄文本缩进”

关于padding-left的事情是它改变输入字段的宽度，这可能是不可取的。

想象一下，您希望为输入数据的以下状态显示背景图像图标：

• 必填字段
• 无效输入
• 错过必填字段
• 密码强度

在这种情况下，我们需要从左边框轻推文本以显示图标（这比右侧更简单，但这是另一个讨论。如果我们使用填充，输入字段的宽度发生变化。这并不理想，因为各种“状态”都可以改变。

例如，可能仅根据另一个字段的值需要字段。当该字段“变为”需要时，字段根据我们应用的填充“增长”，以通过相关类将文本移离图标。这远非优雅，特别是当其他领域漂浮在它旁边时。

此外，在textareas的情况下，我们不想填充整个方面 - 第一行就足够了。

这正是使用text-indent发挥作用的地方。它运行良好 - 除了在Internet Explorer中。当我寻找其他想法或解决方案时，这就是我在这里的原因。我有一些想法，但希望有一些我没有想过的简单。

Answer 2

在Chrome中，这是known issue。请明星：）

Answer 3

'text-indent'适用于块级元素，表格单元格和内联块。我希望你在非块级元素上使用它。