CSS background-imageが反映されません

Question

模写コーディングをしています。
検索の前に虫眼鏡の画像を反映したいのですが、
出来ずに困っています。

CSSと同じファイルに画像を格納し、

画像名　search-icon　をそのままコピーし、.pngを付けました。

どうしたら反映されるでしょうか？
教えて頂きたいです。どうぞよろしくお願いします。

試したこと

<div class="search-wrapper">
<form>
<input class="search" type="text" placeholder="検索..." />
 </form>
 </div>

.search {
  height: 36px;
  width: 0px;
  background-image: url(search-icon.png) left center no-repert;
  background-size: 26px 26px;
}

Answer 1

画像自体が表示されることは確認してありますよね？

cssの書き方でおかしな箇所があります。

.search {
  height: 36px;
  width: 200px;
  background-image: url(search-icon.png) left center no-repeat;
  background-size: 26px;
}

これでどうでしょうか。

background-imageは背景画像だけ指定します。
backgroundにすると背景画像について一括指定できます。

width:0だったので、仮の値を入れています。

Comments

[yuuuuumi]

出てきました！！
初歩的なミスでした。。。
ご回答いただきありがとうございます！