Custom mdb-select field

Topic: Custom mdb-select field

Garzon pro asked 7 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

Add comment

Garzon pro answered 6 years ago

0 0 Best answer

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 staff commented 6 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

Add comment

Marta Wierzbicka staff answered 7 years ago

1 0 Best answer

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 7 years ago

Thanks a lot Marta!

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

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

Garzon

Pro User 15Support score
2Questions 2Answers 0Snippets