MSIE7に問題があるフォームで入力テキストがあります。 テキストフィールドが塗りつぶされ、入力を続けると、背景とともにテキストが左にスクロールし始めます。テキスト入力フィールドのCSSバグ
これはテキストフィールドが
に背景画像、角の丸い白い長方形を充填されている形態で、スクロールは、黒い背景を残して、テキストを左。
これは、このテキストフィールドのCSSです：
border: none;
background: url('/wp-content/themes/pokerbuddy/images/field.png') top left no-repeat;
width: 100px;
height: 20px;
padding: 0px;
font-size: 80%;
color: #399;
display:inline;
はMSIE7でこれを解決する方法はありますか？
input{overflow:hidden;}
これが機能するかどうかわかりません。
この行に問題があると思います。
background: url('/wp-content/themes/pokerbuddy/images/field.png') top left no-repeat;
あなたは
`background: url('/wp-content/themes/pokerbuddy/images/field.png') top left repeat-x;`
いいえ、彼は正しいです。 – PseudoNinja
はい、これを解決する方法があるというわけではありませんが、痛みのビットです。同じdivにテキストフィールドを置くべきではありません。これはもっと似ているはずです（HTML構造の例）：
<div style="background-image: url('/wp-content/themes/pokerbuddy/images/field.png');>
<div class="textboxStylesHere" style="(specify width, maybe overflow hidden)">
</div>
</div>
痛みはありますが、
IE7のみで、簡単に修正できない場合は、無視したいと思うでしょう。 IE7の使用状況は崖から落ちており、今後数ヶ月のうちに落ち続けるでしょう。 – Spudley
ほとんどの場合、@ Spudleyに同意します。しかし、私はすべて一緒に背景画像を削除するIE7固有のエントリを追加します。他の誰もが良いものを手に入れます。IE7はそれが好きなので、普通の白いボックスになります。 – PseudoNinja