Topic: Input TEXT and SELECT are not aligned
Rossi pro asked 6 years ago
Rossi pro answered 6 years ago
.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.
Resolved
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Rossi pro commented 6 years ago
http://prntscr.com/iryrfj