検索boxを画像化するには？

質問

今コーディング中のサイトに検索欄があります。
検索boxはデフォルトのboxではなく、デザインされたもの
（例えばアップルサイト：http://www.apple.com/jp/のような）を
使用したいと考えております。

どのようにしたら実装できるのでしょうか？
JavaScriptなど必要なのでしょうか？
できればhtml＋cssでできたらいいなぁと思っております。

ご存知の方お教えください！

回答No.1

chikotto · ベストアンサー

CSSでテキストボックス内を背景画像にするといいですよ。
余白はpaddingで。

お礼

chikottoさんご回答ありがとうございました！

できましたーーーーー！！！！！
背景画像にして、<input>でデフォルトで表示される
borderを「none」にしてpaddingで調節したらできました。

とても助かりました！
ありがとうございました♪