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它将适用于所有浏览器

Text-indent将适用于所有浏览器

<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'属性仅用于影响元素中的第一行文本。你可能会更好地使用保证金或填充。