mehrere input mit verschiedenen Design auf einer Seite

    Hallo zusammen,

    ich stehe vor folgendem Problem. Ich habe ein Formular erstellt. Mit einem Stylesheet stelle ich das Design ein. Für die Input-"Boxen" sieht das z.B. so aus:

    Code
    input { font-style: normal;
         font-variant: normal;
         font-weight: normal;
         font-size: 8pt;
         font-family: Verdana,Tahoma,Helvetica;
         color: #000000;
         height: 20;
         border: 1px solid #00044b; 
	 BACKGROUND-IMAGE: url(../images/input.gif); }


    Nun habe ich in dem Formular auch eine Auswahlmöglichkeit für die Schriftfarbe und die Hintergrundfarbe. Das sieht so aus:

    Code
    ....
<td bgcolor="yellow" height="5" width="5"><input type="radio" value="yellow" name="fontColor"></td>
<td bgcolor="#ffcc00" height="5" width="5"><input type="radio" value="#ffcc00" name="fontColor"></td>
<td bgcolor="#ff6600" height="5" width="5"><input type="radio" value="#ff6600" name="fontColor"></td>
<td height="5" width="5" bgcolor="red"><input type="radio" value="red" name="fontColor"></td>
</tr>
....


    Nun habe ich das Problem, dass anstatt die zur Auswahl stehenden Farben das Hintergrundbild, mit dem ich die anderen Inputboxen fülle, angezeigt wird. Gibt es eine Möglichkeit bei den Boxen, bei denen Text eingegeben werden soll das hintergrundbild input.gif anzuzeigen und bei den Radiobuttons nicht?
    Gruß
    Axel

    Code
    <td bgcolor="yellow" height="5" width="5"><input type="radio" value="yellow" name="fontColor" class="input1"></td>
<td bgcolor="#ffcc00" height="5" width="5"><input type="radio" value="#ffcc00" name="fontColor" class="input1"></td>
<td bgcolor="#ff6600" height="5" width="5"><input type="radio" value="#ff6600" name="fontColor" class="input2"></td>
<td height="5" width="5" bgcolor="red"><input type="radio" value="red" name="fontColor" class="input2"></td>
</tr>