コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > input_html/css_WEB-ITnose に画像を挿入

input_html/css_WEB-ITnose に画像を挿入

WBOY
リリース： 2016-06-21 09:27:10
オリジナル
1486 人が閲覧しました

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

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


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

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 で制御できませんか?


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

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

関連ラベル：
input 写真 入れる
ソース：php.cn
前の記事：コントロールにオプションを動的に追加する方法 select_html/css_WEB-ITnose 次の記事：CSSで表のスタイルを設定したのに、表内の細い線が表示されないのはなぜですか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1335
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container">&l...
から 2024-04-06 20:29:08
0
2
492
モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか? ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しよ...
から 2024-04-06 19:23:03
0
1
411
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート