フォームの入力要素内にアイコンを配置するにはどうすればよいですか?
ライブバージョンはこちら:潮汐力のテーマ
ベストアンサー1
リンク先のサイトでは、これを実現するために CSS のトリックを組み合わせて使用しています。まず、要素に背景画像を使用します<input>
。次に、カーソルを移動させるために を使用しますpadding-left
。
つまり、次の 2 つの CSS ルールがあります。
background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left:30px;