IE7和IE8中的CSS问题 - <input type ="text">字段的文本缩进

Question

是否有可能使IE7和IE8尊重输入字段上的text-indent css属性？

这是我的代码

<!DOCTYPE html>
<html>
<body>
        <input type="text" style="text-indent:100px; display:block;" value="Test indent" />
</body>
</html>

首次在IE8中加载页面时,文本不缩进.您可以通过关注文本字段并在其中键入来"激活"text-indent属性(即触发onchange事件).

如何使IE7和IE8尊重页面加载而不是input.onchange事件上的输入文本元素的文本缩进？

Answer 1

在正常情况下输入标签text-indent在ie6和ie7中不起作用如果我们添加lineheight:1px它将适用于所有浏览器

文本缩进将适用于所有浏览器

<input type="text" style="text-indent:-100px; display:block; line-height:1px;" value="Test indent" />

文本缩进不会工作ie7和ie6浏览器

<input type="text" style="text-indent:-100px; display:block;" value="Test indent" />

演示

Answer 2

您确定需要“text-indent”而不是“margin-left”或“padding-left”属性吗？“text-indent”属性仅影响元素中文本的第一行。你可能会在边距或填充方面运气更好。