[Solved] Making an input icon (search icon) responsive [closed]

by


Try this:

.input_with_icon {
    position: relative;
}
.input_with_icon .form-control {
    padding-left: 40px;
    height: 21px;
}
.input_with_icon img {
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 10px;
    margin: auto;
}
<div class="input_with_icon">
    <input type="text" class="form-control" placeholder="Search here...">
    <img src="https://stackoverflow.com/questions/59323509/images/search.png">
</div>

solved Making an input icon (search icon) responsive [closed]