Custom mdb-select field

Garzon asked 9 months 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 answered 2 months 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 commented 2 months 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


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


Garzon commented 9 months ago

Thanks a lot Marta!

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No