0

这是我的 jsFiddle 示例：

http://jsfiddle.net/jsplashindia/LYUA5/1/

这是我的 HTML 和 CSS：

<html>
<head>
<style type='text/css'>
    .testStyle {
    text-indent:30px;            
}
</style>

</head>
<body>

    <input type="text" class="testStyle">

</body>
</html>

基本上我需要在我的文本输入中获得一个缩进，如下所示：

这是预期的行为

但是，在 IE 7 和 IE 8 中，我得到以下行为：

在 IE7/8 中观察到的行为

我需要去掉文本输入字段的前导空间。是否有使用 text-indext 的替代方法，以便在 IE7/8 和所有其他浏览器中获得预期的行为？

4

1 回答 1

1

添加float:left

.testStyle {
    text-indent:30px;
    float:left      
}

演示

或者

采用padding-left

演示 2

于 2012-11-19T09:38:58.960 回答