Topic: Change color of mdb-select

Techatract pro asked 6 years ago


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.

Damian Gemza staff answered 6 years ago


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.
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;

}
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

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags