Sulla via di INPUT TYPE="Button" (vedi in calce).

Premetto per la cronaca, che avevo scoperto si può fare con SELECT ma non background-image: ; solo background: ; nella forma:
codice:
<select style="width: 100px; height: 100px; background: url(http://forum.html.it/forum/images/go.gif) no-repeat 25px center;">

<option>
<option>1
<option>2
<option>3

</select>
Applicabile anche alle singole OPTION.

Però, o immagine, o colore di sfondo; non entrambi come è invece fattibile con altri Elementi (con DIV per esempio). A meno che non fai la SELECT con l' Attributo SIZE="un numero" allora sì, accetta entrambi:
codice:
<select size="7" style="width: 100px; height: 100px; 
    background: #A0A000 url(http://forum.html.it/forum/images/go.gif) no-repeat 25px center;">

<option>
<option>1
<option>2
<option>3

</select>
Ed accetta pure la forma coi singoli:
background-color: #A0A000; background-image: url(http://forum.html.it/forum/images/go.gif); background-repeat: no-repeat; background-position: 25px center;

Ma non ho trovato equivalenti per RADIO.

Originariamente inviato da simona84
Altrimenti anche con le check box...
Altrimenti anche con i pulsanti BUTTON. Questo è fattibile:
codice:
<input name="group" value="3" type="button" 
   style="width: ; height: ; 
          background: #EFA0A0 url(http://forum.html.it/forum/images/go.gif) no-repeat center center; 
          color: black; font-size: 40px; padding: ;"
          onclick='someFunction();'
>
Ti potrebbe servire padding: ; a 0px od altri valori; riguarda il contenuto 3 in value="3" ed a che distanza lo mantiene dal bordo del pulsante.
width: ; height: ; se specificate e sovrabbondanti, rendono ininfluente il padding: ; .
Anche border: 0; o border: 2px solid red; sono interessanti.

Poi i pulsanti vanno accompagnati con uno SCRIPT che li renda mutually exclusive come i RADIO.