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 に答える