@d2207

Как добавить Glyphicon к input?

Добавил в dootstrap 4.5.0 Glyphicon из 3-его бутстрапа. Хочу к инпуту добавить значки, для поиска, для логина и пароля например. Как это сделать? Этот ответне помог, т.к. вебшторм ругается на символ & . Пытался сделать как можно по проще:
<div className="form-group form-icon">
            <input className="form-control" id="name-user"/>
            <span className="glyphicon glyphicon-user input-icon" aria-hidden="true"/>
  </div>


.input-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    top: 25px;
}
.form-icon {
    position: relative;
}
.form-icon input {
    padding-left: 42.5px;
}

5f32ee1a0f2c1905497697.png
В итоге иконка стоит криво
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы