class mdb-selected

Hi,

After the initialization, the select looks like this:

<div class="select-wrapper mdb-select height-5"><span class="caret">▼</span>
  <input type="text" class="select-dropdown" readonly="true" data-activates="select-options-98ba1347-8496-483d-9e6d-db4a356941e0" value="Choose your option">
  <ul id="select-options-98ba1347-8496-483d-9e6d-db4a356941e0" class="dropdown-content select-dropdown" style="width: 1920px; position: absolute; top: 0px; left: 0px; opacity: 1; display: none;">
    <li class="disabled"><span class="filtrable">Choose your option</span></li>
    <li class=""><span class="filtrable">Option 1</span></li>
    <li class=""><span class="filtrable">Option 2</span></li>
    <li class=""><span class="filtrable">Option 3</span></li>
  </ul>
  <select class="mdb-select height-5 initialized">
    <option value="" disabled="" selected="">Choose your option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
</div>

With these selectors you can style your select:

.select-wrapper input.select-dropdown {
}
.select-wrapper ul {
}
.dropdown-content li {
}

Regards,