Ho inserito nel tag <itemTemplate> di un controllo DataList un bottone. Dopo aver collegato il DataList ad una tabella di database, per ogni record di tale tabella, nella pagina aspx, viene visualizzato un bottone con text il valore di un campo del record.

codice:
<asp:datalist id="DataList1" runat="server">
	<ItemTemplate>
		<asp:button id="button1" runat="server" Text='<%# Container.DataItem("MioCampo") %>'>
		</asp:button>
	</ItemTemplate>
</asp:datalist>
Desidererei, definire il formato di questi bottoni usando i fogli di stile ma non mi sembra sia possibile;

Infatti se nel file mioStyle.css inserisco queste righe

#button1
{background-color: Navy;}

non ottengo il risultato voluto.

E' come se l'identificativo "button1" non fosse quello giusto o comunque non venisse riconosciuto dal foglio di stile.
Cioè è come se l'ID servisse solo per la programmazione della pagina ma non per la determinazione delle regole di stile.
La stessa cosa peraltro mi succede con gli script lato client:
se scrivo

<SCRIPT language="JavaScript">

document.all["button1"].style.background-color="navy"

</SCRIPT>

ancora una volta non ottengo il risultato che vorrei

Cosa c'è che non va?
Grazie per la risposta!