Ich habe ein kleines Problem beim Einstellen eines Hintergrundbilds für<button>.

Hier ist das HTML, das ich vor Ort habe:

 <button id="rock" onClick="choose(1)">Rock</button>

Und hier ist das CSS:

button {
   font-size: 18px;
   border: 2px solid #AD235E;
   border-radius: 100px;
   width: 150px;
   height: 150px;
}

button #rock {
   background: url(img/rock.png) no-repeat;
}

Ich weiß nicht, warum der Hintergrund der Schaltfläche immer noch weiß ist.