Topic: Change color of mdb-select
I'm trying to figure out how to change the color of the text in mdb-select, but can't seem to do it. I would also like to change the color-background that appears on hover.
Add comment
Dear Techaract,
Please try to use the code which I'm providing you in the bottom. That styles allows you to change the colors of the selected item, items in the list, label, and background color of the hovered item.
In future, if you need to get some css rules to change appearance of some elements, you can use Browser Console inspector. Above rules comes from my Firefox inspector.
Best Regards,
Damian
mdb-select > div > div.single > div.value, mdb-select > div > div.single > div.placeholder {
color: green;
}
mdb-select + label {
color: green;
}
mdb-select mdb-select-dropdown .dropdown-content li > a, mdb-select mdb-select-dropdown .dropdown-content li > span {
color: green;
}
.dropdown-content li:hover, .dropdown-content li.active {
background-color: cyan;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No