Input TEXT and SELECT are not aligned

Topic: Input TEXT and SELECT are not aligned

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

http://prntscr.com/iryrfj

Add comment

Rossi pro answered 7 years ago

1 0 Best answer

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>

Add comment

Bjenk Ellefsen answered 5 years ago

0 0 Best answer

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

.select-wrapper input.select-dropdown {
height: 40px;
}

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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

About author

Rossi

Pro User

17Support score
2Questions 2Answers

0Snippets likes 0Snippets