CSS-Alternative für onMouseOver

[Willson]

Hi zusammen

Ich möchte zur besseren Lesbarkeit von Tabelleninhalten jeweils jene Zeile, auf der sich der Mauszeiger befindet, einfärben. Dies geschieht momentan mit

<tr onMouseOver="this.bgColor='#  ...

Allerdings ist die ganze Seite mit CSS formatiert und es würde mir deutlich besser gefallen, diesen Hover-Effekt auch mit CSS zu umzusetzen. Würde mir beispielsweise übermorgen einfallen, den Farbwert der eingefärbten Zeile ändern zu wollen, würde ich 10 Mio. graue Haare bekommen, wenn ich das für jede Zeile einzeln tun müßte. Eine JS-Funkton wäre zwar auch eine Lösung, CSS fände ich aber eleganter.

Gibt es da eine Möglichkeit? Kann mir jemand helfen?
Vielen Dank im Voraus!

ciao, Steffen

[wahsaga]

hi,

Allerdings ist die ganze Seite mit CSS formatiert und es würde mir deutlich besser gefallen, diesen Hover-Effekt auch mit CSS zu umzusetzen.

tr:hover { ... }

Eine JS-Funkton wäre zwar auch eine Lösung, CSS fände ich aber eleganter.

Ich ebenfalls.
Nur der IE (bis Version 6 einschließlich) leider noch nicht.

Für den brauchst du Javascript.
Entweder direkt wie bisher, oder über eine Funktion, die nach dem Laden der Seite alle fraglichen TR durchläuft und ihnen dynamisch einen onmousover-Handler verpasst, oder evtl. auch über sog. "Behaviours" (die allerding auch kein gültiges CSS sind).

gruß,
wahsaga

[Gunnar Bittersmann]

Hello out there!

<tr onMouseOver="this.bgColor='#  ...
[…] CSS fände ich aber eleganter.
Gibt es da eine Möglichkeit?

Ja, die Pseudoklasse :hover.

Dumm nur, dass IEs diese nur für Links interpretieren.

See ya up the road,
Gunnar

[Willson]

Habe Möglichkeit gefunden. Ziehe meine Frage zurück.

Schönes WE.