Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: class mdb-selected

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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags