Select color variation not working


Topic: Select color variation not working

salmanfazal01 pro asked 6 years ago

I'm trying use change the color of my selct dropdown but it remains as the default color.

select class="mdb-select md-form colorful-select dropdown-default" id="this-select" searchable="Search here.."

I can do it when changing it manually via css but shouldn't like the "dropdown-danger" work? Also, how do I change the color of the the text and labels of the dropdown? Should it be done manually from the css file as well?


AdamJakubowski staff pro premium priority answered 6 years ago

Hi,

If you want to change color of your dropdown button just add for example red lighten-1(color example) into your button class(<button class="btn btn-red lighten-1 dropdown-toggle mr-4" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Basic dropdown</button>) or div class (if you want to change color of your dropdown menu) it should look like this <div class="dropdown-menu red lighten-1">. To change the text color add for example text-white into your dropdown a class, it should look like this <a class="dropdown-item text-white" href="#">Action</a>

Best,

Adam


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.0
  • Device: Chrome
  • Browser: Chrome
  • OS: Chrome
  • Provided sample code: No
  • Provided link: No
Tags