1. テキスト ボックスの背景画像の問題を修正しました。 2. テキスト ボックスのカーソルの位置の問題_html/css_WEB-ITnose

この投稿は、Papaver_Fflower によって最終編集されました: 2012-09-24 16:26:26

環境: IE8 では、デフォルトで互換表示になっています。

問題 1: 入力内容が長すぎると、画像が圧迫されてしまいます。
質問 2: マウスをクリックしても、テキスト ボックス内でカーソルが点滅しません。代わりに、それは離れていきました。

簡潔な例を書きました。専門家がそれを解決するのに役立つことを願っています。
ダウンロードアドレス: http://download.csdn.net/detail/papaver_flower/4592947

ディスカッションへの返信 (解決策)

14 行

.serch_ipt{ width:111px; height:24px; border:none;line-height:24px;padding-left:5px; overflow:hidden; background:none;}

21 行
rrreええ

.serch_ipt{背景:url(../img/srch_ipnt.jpg) 右中央;幅:116px; 高さ:24px; border:none;text-indent:6px; line-height:24px;}

14 行
CSS コード
.serch_ipt{ 幅:111px; 高さ:24px; 境界線: 24px; パディング左: 非表示; 背景: なし;}


21 行
CSS コード

text-align:right;background:url...

素晴らしいご回答ありがとうございます。すぐにポイントを差し上げます。

.serch_ipt{background:url(../img/srch_ipnt.jpg) center right;width:116px; height:24px; border:none;text-indent:6px;}

ありがとうございますあなたの答えのために。