Diese Anleitung zeigt, wie mit Hilfe von CSS eine Hervorhebung von Tabellenzeilen eingestellt werden kann, die in Kraft tritt, wenn der Cursor über eine Zelle bewegt wird.

Schritt-für-Schritt-Anleitung

Um beim Hovern über eine Zelle ihre Hintergrundfarbe zu verändern, kann folgender CSS-Code in die custom.css eingetragen werden.

dataCells:hover {
    background: rgb(230,230,230) !important;
}

Selbstverständlich kann die Farbe durch die Werte für Rot- Grün- und Blauanteile angepasst oder andere Stile wie etwa Schriftfarbe und -art verändert werden.

Verwandte Artikel

Page:

Line color/ style (linechart)
Page:

Modifying the Height of Column Header Bars
Page:

Changing the "Hand Symbol" Cursor on Hover
Page:

Identifying a component's CSS Class
Page:

Hiding a Series' Element Labels

Browser not supported