Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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ändertn, kann folgender CSS-Code in die custom.css eingetragen werden.

This article describes how to create a mouse over effect for highlighting a table cell using a background color.

Step-by-Step-Guide

Insert the following code in the "custom.css" of your application. 

Code Block
languagecss
dataCells:hover {
    background: rgb(230,230,230) !important;
}
Info

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.

...

Of course you can change the rgb color values to define the required color or add more styles like a font-family definition.

Filter by label (Content by label)
showLabelsfalse
max5
spacesKUNDEN
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("css","highlight","hover","mouseover","hervorheben","color") and type = "page" and space = "KUNDEN"
labelshover mouseover highlight hervorheben css color

Page Properties
hiddentrue
 
Verwandte Vorgänge