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

C


Garzon answered 2 months ago

Hello

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:

input.select-dropdown[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


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 commented 9 months ago

Thanks a lot Marta!


Please insert min. 20 characters.
Status

Answered

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