Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


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 commented 6 years ago

http://prntscr.com/iryrfj

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


Please insert min. 20 characters.

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