ホームページ  >  記事  >  ウェブフロントエンド  >  input_html/css_WEB-ITnose に画像を挿入

input_html/css_WEB-ITnose に画像を挿入

WBOY
WBOYオリジナル
2016-06-21 09:27:101460ブラウズ

画像に示すように、入力テキスト ボックスに画像を追加しましたが、a1f02c36ba31691bcfe87b2722de723b または入力 (タイ​​プは画像) に枠線が付いています

他のタグを使用する必要がありますか?


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

CSS で境界線を制御することはできませんか?

input {background:url(xxx.jpg) no-repeat x y width height} ここで、xxx は画像ファイル名 x y 位置です。 width height

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>在Input输入框中加入小图标</title><style>input{BACKGROUND-IMAGE: url(/jscss/demoimg/ico080426_dot.gif); BACKGROUND-REPEAT: no-repeat;}

input {background:url(xxx.jpg) no-repeat x y width height} ここで、xxx は画像ファイル名です x y 位置 width width height height

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>在Input输入框中加入小图标</title><style>input{BACKGROUND-IMAGE: url(/jscss/demoimg/ico080426_dot.gif); BACKGROUND-REPEAT: no-repeat;}


背景画像も使用します。そのスタイルですが、jsには背景画像をクリックするイベントがないため、機能しません。 。

境界線は CSS で制御できませんか?


境界線を使用しましたが、機能しませんでした。 。

わかりました。代わりに 45a2772a6b6107b401db3c9b82c049c2 タグを使用すると、境界線がなくなります。ありがとうございます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。