mdb-select how to change the select height ?

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

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

Add comment

Marta Szymanska staff pro premium answered 7 years ago

0 0 Best answer

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 7 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 Szymanska staff pro premium commented 7 years ago

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

Add comment

Write

Create snippet

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: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

About author

DAME1

Pro User

0Support score
1Questions 0Answers

0Snippets likes 0Snippets