Topic: mdb-select how to change the select height ?

DAME1 pro asked 4 years ago

Hello,As the select height is bigger than the input text one. I'm trying to fix it, but I do no find anything, I cannot apply any css or anything else.Would you help me ? Thanks in advance

Marta Wierzbicka staff answered 4 years ago

Hi, try this code: <div class="row"> <div class="col-md-6"> <select class="mdb-select"> <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> <label>Example label</label> </div> <div class="col-md-6"> <div class="md-form"> <input type="text" id="form1" class="form-control" style=" padding-bottom: .23rem; "> <label for="form1" class="">Example label</label> </div> </div> </div> Best, Marta

DAME1 pro commented 4 years ago

Hello Marta, Thank you for your help, this could work, except that in my case I use the class "input-alternate" for my input text field. So I guess that's why I see that size difference between the Select and the Input. And why I would need the change the height property of my Select.

Marta Wierzbicka staff commented 4 years ago

I'm not sure how can I help you more. Tell me please what solution you're expecting from me?

Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No