Frage wg. Hintergrundfarbe bei CSS Buttons

[Bart222]

Hallo zusammen,

habe mal eine kleine Frage :

Ich möchte gerne in CSS Buttons erstellen, die einen Link beinhalten. Die Hintergrundfarbe beim Hover soll aber bei jedem Button anders erscheinen. Ich könnte natürlich für jedes Button eine eigene "class" definieren, ist aber natürlich ziemlich aufwendig Geht das in CSS oder muss ich doch zu JavaScript greifen ?

Hier z.B. ein Beispielcode, wobei die Hintergrundfarbe bei hover bei jedem Button anders sein soll :

a.menu  {display:block;height:15px;width:65px;border:1px solid;border-color:#153A60;FONT-SIZE:11px; }
a.menu:link    { width:65px;color:#ffffff;}
a.menu:visited { width:65px;color:#ffffff;}
a.menu:hover   { width:65px;color:#000000;background:#EAF1F6;}
a.menu:active  { width:65px;color:#000000;}

und aufgerufen wird das <a class="menu" href="bla.htm">Test</a>


Danke und Gruss

Bart

[Nightline]

Soweit mir bekannt, musst du für jeden Button eine eigene Klasse erstellen.
Wobei zu bemerken wäre, dass wenn du nur den Hover-Zustand ändern möchtest, du die drei anderen Zustände allgemein definieren kannst und dann eben nur für den Hover extra Klassen erstellen musst.

[prefix]

<a class="menu" style="background:red;" href="bla.htm">Test</a>

einfach nach der referenzierung noch einen inline-style anhängen.

[Bart222]

..ich probiere es mal aus.

Danke


Bart