Garzon pro asked 6 years ago

Hello guys,

Please help me, I've tried to figure out without success, how to custom a mdb-select field. I want to modify the font-size and color elements for the options elements.

Thanks in advance


Garzon pro answered 5 years ago


Coming back to this question, answer provided only modify the internal options of the select element. In order to modify the initial default value you can use something like:[readonly="true"] { 
font-size: .9rem;
color: rgb(109, 110, 101);


Jakub Mandra staff commented 5 years ago

Thanks for submit :) Of course there are few ways to achieve that, your solution has higher specificity (so it is overall more precise). Keep hacking! :) Jakub from MDB

Marta Wierzbicka staff answered 6 years ago

Hi, use this CSS code to change styles of mdb-select: .dropdown-content li>a, .dropdown-content li>span { font-size: .9rem; color: #4285F4; } Best, Marta

Garzon pro commented 6 years ago

Thanks a lot Marta!

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No