Topic: Color Options for Select
My page has a black background, and I'd like to change the colors (text color, background color, icon color, etc.) of the 'select' item to properly show on the page. How do I do this in CSS? I've searched quite a bit and can't seem to find anything that works. Here's the HTML:
<div class="col col-lg-2">
<select class="select" data-mdb-filter="true" name="c1", id="c1">
<option value="Option1" selected="selected" >Option1</option>
<option value="Option2">Option2</option>
<option value="Option3">Option3</option>
<option value="Option4">Option4</option>
<option value="Option5">Option5</option>
</select>
</div>
For text:
.select-input {
color: black;
}
For background of not disabled input area:
.select-input.form-control[readonly]:not([disabled]) {
background: white;
}
For select arrow:
.select-arrow {
color: red;
}
https://mdbootstrap.com/snippets/standard/m-duszak/3335982#css-tab-view
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No