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



@Qurds12

<input class="input-code" placeholder="Введите код"/>
.input-code {
  margin-top: 1rem;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}


Решения вопроса 0


Ответы на вопрос 3



@DevMan Куратор тега CSS

на нормальную песочницу у вас сил не хватило. жаль.

подсказываю один из вариантов:
-> сделать див с инпутом
-> убрать стилизацию с инпута
-> перед/после инпутом поставить иконку
-> весь див стилизовать как инпут



@profesor08 Куратор тега CSS

Размести, любым удобным способом, блок с иконкой поверх инпута, инпуту задай подходящий отступ со стороны иконки.



@Fructus

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *