エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【初心者向け】検索窓の中に虫眼鏡アイコンを設置する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【初心者向け】検索窓の中に虫眼鏡アイコンを設置する方法 - Qiita
どうも7noteです。検索ワードを入力するinput要素の中にアイコンをつける方法 Qiitaのように虫眼鏡アイ... どうも7noteです。検索ワードを入力するinput要素の中にアイコンをつける方法 Qiitaのように虫眼鏡アイコンをinput要素(テキストボックス)の中にいれる方法。 こんなやつ↓ ※これは本当にqiitaをスクショしたので、細かい文字色や背景色などは再現しませんのでご注意。 アイコンをテキストボックスの中に置く方法 .search_box { display: inline-block; /* なくても大丈夫だけど、念の為 */ position: relative; /* 基準値とする */ } .search_box::before { content: ""; /* 疑似要素に必須 */ width: 16px; /* アイコンの横幅 */ height: 16px; /* アイコンの高さ */ background: url(./icon.png) no-repeat cen