class mdb-selected


Topic: class mdb-selected

TEY pro asked 5 years ago

I can not restrict the size of the values ​​to display in height. Someone could help me, use the css with (size=5) but it does not work, also with (height:500px;) to the div and finally I'm trying on JQuery but I'm lost.

Mirosław Stasiak free answered 5 years ago

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,


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags