Topic: Select Label invisible on browser
<select class="mdb-select" multiple>
<option value="" disabled selected>Choose Context</option>
<option value="5">Classroom</option>
<option value="6">School</option>
<option value="7">FOS / Network</option>
<option value="8">Board</option>
<option value="9">Region / Province</option>
</select>
<label>Context</label>
I have the Label "Context", but when it renders on the page, it's invisible. Is there some sort of padding or margin I need to set to make it visible?
When I inspect element, the label itself appears to be far higher on the html page than one would expect and is hidden by other elements.
Add comment
I ended up finding a solution of wrapping the <label> and <select> in a div:
`<div>
<label><br/><br/>Transportation</label>
<select class="mdb-select" multiple>
<option value="" disabled selected>Choose Transportation</option>
<option value="1">Personal Car</option>
<option value="2">Rental Car</option>
<option value="3">Taxi</option>
<option value="4">Airplane</option>
</select>
</div>
That resulted in the label behaving itself.
Hello,
send to my email address: m.szymanska@mdbootstrap.com files with sample of your code with this issue, please. Now I can't recreate this problem.
Best,
Marta
It appears that all of these labels are appearing in the same vertical space. I had it in a class="tab-content card". When I added a couple of <br/> tags, they dropped down, but I have 3 selects in quick succession and the labels all land on top of one another.
Please advise.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags