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

时间:2011-05-06 18:05:48

标签: css internet-explorer-8

是否可以让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事件?

2 个答案:

答案 0 :(得分:13)

在正常情况下输入标签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" />

演示

http://jsfiddle.net/KczMR/1/

答案 1 :(得分:0)

你确定你想要'text-indent'而不是'margin-left'或'padding-left'属性? 'text-indent'属性仅用于影响元素中的第一行文本。你可能会更好地使用保证金或填充。