1

入力フォームに背景画像を作成しようとしていますが、CSSクラスを入力に適用するとすぐに、デフォルト値が表示されません（CSSクラスが適用されていない場合は機能します）。HTMLは次のとおりです。

<form>
     <input type="text" class="emailInput" value="Enter your email address">
     <input type="submit" class="emailBtn" value="">
</form>

そして、これに関連付けられているCSSは次のとおりです。

input.emailInput {
color:#000;
background:url('images/emailBackground.png') no-repeat;
display:block;
width:313px;
height:31px;
text-indent:-5000px;
position:relative;
top:0px;
left:-2px;
border:none;
}
input.emailBtn {
background:url('images/emailBtn.png') no-repeat;
display:block;
width:55px;
height:38px;
text-indent:-5000px;
position:relative;
top:-32px;
left:323px;
border:none;
}

私は完全に途方に暮れています。どんな助けでも大歓迎です。

4

2 に答える 2

3

おそらく、これtext-indent:-5000px;が原因でテキストが表示領域の外に配置されています。

于 2012-06-26T20:28:02.230 に答える
0

これは予感と同じですが、あなたの問題は確かにですtext-indent:-5000px;。テキスト入力要素の幅が、そこに設定されている値よりもはるかに小さいことを考慮してください。

また、注意点として：

http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

したがって、ページをGoogleでうまく再生したい場合は、とにかくそれを使用したくありません。

于 2012-06-26T20:29:04.120 に答える