Topic: mdb-datatable-hover-color does not change text color in an mdbdatatable
Following the documentation, I am trying to use the following CSS to render the colors of an mdbdatatable row when the user hovers over it. The background color statement works, but the one to set the text forecolor does not. Is there something I am missing? Here's the CSS:
.datatable {
--mdb-datatable-hover-bg: #efeeb3;
--mdb-datatable-font-size: 18px;
--mdb-datatable-hover-color: #ffffff;
--mdb-datatable-hover-tbody-tr-transition: #304753 0.2s ease-in;
}
The font-size and hover-color values work correctly, but the hover-bg does not. Can you please advise?
I don't understand. I've prepared a snippet with your code and background color on hover uses provided value: https://mdbootstrap.com/snippets/standard/kpienkowska/6149164
DashMarketingGroup pro premium priority commented 6 months ago
Your own example doesn't work. The question is about the color of the text when a row is hovered over. The background color changes, but the text color stays the same, even though your code says it should be white text on a yellow background.
Kamila Pieńkowska staff commented 6 months ago
You wrote hover-bg does not work, that made me confused.
I've updated my snippet so font color will be changed too.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.3.1
- Device: laptop
- Browser: chrome
- OS: win11
- Provided sample code: No
- Provided link: No