Topic: Input TEXT and SELECT are not aligned
Rossi pro asked 6 years ago
Hello,
I have a little problem with SELECT and input TEXT, they are not aligned and the color of the element selected and placeholder are not the same to ...
Why are they so different ?
Sincerely,
Guilhem
Rossi pro answered 6 years ago
So ... here a solution
.dropdown-content li>a, .dropdown-content li>span { font-size: .8rem; } .select-wrapper input.select-dropdown { font-size: 0.9em; color: #495057; } // HTML
<div class="row"> <div class="col-md-4"> <div class="md-form form-sm"> <i class="fa fa-lock prefix"></i> <input type="text" id="formInputFrmAddEvent3" name="date_debut" class="form-control form-control-sm"> <label for="formInputFrmAddEvent3">Date</label> </div> </div> <div class="col-md-4"> <select class="mdb-select mt-1"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> </div> </div>
Bjenk Ellefsen free answered 5 years ago
If anyone comes here for the same problem, for me the solution was to do this:
.select-wrapper input.select-dropdown {
height: 40px;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Rossi pro commented 6 years ago
http://prntscr.com/iryrfj