Topic: Bad form demo?
See image for reference. The text overlaps or something?
http://i.imgur.com/MhsXxI3.png
Add comment
Hi again,
I was able to solve this by adding "required" on the input field + the following CSS:
<style>
input:focus ~ label, input:valid ~ label {
top:-20px;
font-size:14px;
color:#5264AE;
}
</style>
Would be cool to see this already added to the MDB CSS. :)
/Patrick
Hi,
I do have the same issue with Chrome, IE and Firefox. MDB seems to not automatically "render" or "change" the labels when you click on the input fields, resulting into your text displayed on top of the "placeholder".
/Patrick
Could you write which browser and device do you use?
It seems to work fine for us.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No