ホームページ > ウェブフロントエンド > htmlチュートリアル > 1. テキスト ボックスの背景画像の問題を修正しました。 2. テキスト ボックスのカーソルの位置の問題_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 12:15:06
オリジナル
1252 人が閲覧しました

この投稿は、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;}

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート