Как поставить картинку перед текстом при input

Обновлено 07.03.2022

Как поставить картинку перед текстом при input

Код CSS

.input-address {
  width: 200px;
  height: 20px;
  margin-top: 5px;
  margin-right: 5px;
  margin: 0;
  padding-left: 32px;
  outline: none; /*контур линии*/
}

.capture {
  position: absolute;
  border: none;
  margin: 5px;
}

.capture:before {
  content: url(http://webcreat.ru/wp-content/uploads/2022/03/Domik.png);
  width: 100%;
}

Код html

<div>
  <a class="submit capture"></a>
  <input name="adress" type="text" class="input-address" placeholder="Ваш адрес">
</div>

Пример здесь


Как убрать рамку вокруг input

Код CSS

input {
outline: none;
border: none;
}

Код html

<input name="input" type="text" placeholder="">

Скрыть input html

<input name="input" type="hidden" placeholder="">

Ваш комментарий будет первым

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

Ваш адрес email не будет опубликован.