Topic: Input TEXT and SELECT are not aligned

Rossi pro asked 4 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 commented 4 years ago

Rossi pro answered 4 years ago

So ... here a solution  
.dropdown-content li>a, .dropdown-content li>span {
   font-size: .8rem;
.select-wrapper {
    font-size: 0.9em;
    color: #495057;

<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 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>

Bjenk Ellefsen free answered 2 years ago

If anyone comes here for the same problem, for me the solution was to do this:

.select-wrapper {
height: 40px;

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No