Table Row Highlight Colour - Forum

Forum Navigation
You need to log in to create posts and topics.

Table Row Highlight Colour

I am using a Table with a black background and white text, when a row is selected, it's light grey with white text, so impossible to read.

I have added the following to Styles.

tr:hover {
          background-color: red;
    }

But it only changes the colour of the Top/Header Row for some reason.

Sample app uploaded.

Any suggestions to fix this appreciated.

Uploaded files:
  • You need to login to have access to uploads.

UPDATE

Okay, I have found a temporary fix and away to make this work by making a permanent edit to the "bootstrap.min.css" file tr:hover  background-color: before compiling, as the bootstrap file was overriding what I had added in Project Styles.

Although this has got the app doing what I wanted, it's not the best way to do things by editing a main system file and then removing the edit again after compiling the app....

So if there are any other fixes for this issue or suggestions, that would still be appreciated.

 

Try this:

tr:hover {
   background-color: red !important;
}
luishp, paultomo and smartmedia have reacted to this post.
luishppaultomosmartmedia

@paultomo I was about to suggest the exact same code than @asmat.
It will work for sure :)

paultomo has reacted to this post.
paultomo

Many Thanks and as always help is never to far away.

Just to confirm, Yes that worked perfectly.