2011-02-03 3 views
1

iPad/iPhoneでiOS 4.2.1を使用すると、テキストフィールドにtype = "number"の特定のWebページを表示すると、テキスト入力スペースはそれはtype = "text"です。私は3桁の数字を入力したとき、それはタイプ=「テキスト」でカットオフを得ることはありませんしながら、最初のものは、カットオフを取得します。この問題は、iPad/iPhoneのiOS 3.xでは発生しません。入力フィールドの入力領域は同じで、正常に動作します。type = "number"フォームフィールドが縮小する

は、誰もがこの問題に気づいていますか?それを修正するために何かできることはありますか?ありがとう。

+0

Iはまた、CSSファイルでこれを持っている:.input { パディング左:0。 パディング - 右:0; } td.input入力{ \t幅:45px; } – abalone

答えて

1

それは、デバイスのブラウザのデフォルトのスタイルシートで行うことはおそらくです。テキストと数字の入力フィールドに同じスタイルのスタイルを適用するだけで、同じスタイルを表示する必要があります。

input[type=text], input[type=number] { 
    width: 100px; 
    padding: 1px 0; 
    ...etc... 
} 
+1

input [type = text]がリストされているcssファイルのすべてのインスタンスにinput [type = number]を追加しました。同じ問題が発生します。私は、HTMLファイルに直接追加します。と同じ問題が起こります。 – abalone

1

スタイリングの幅と高さを設定する必要があります。

<input syle="width: 45px; padding: 1px 0;" name="mname" type="text" value="" autofocus /> 

または好ましい:

input[type=number] { 
width: 45px; 
} 
関連する問題