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

Как поставить картинку перед текстом при 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(https://www.matematicus.ru/wp-content/uploads/2021/11/Domik.png);
  width: 100%;
}

Код html

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

input с картинкой

Пример здесь


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

Код CSS

input {
outline: none;
border: none;
}

Код html

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

Скрыть input html

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

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 0 / 5. Количество оценок: 0

Оценок пока нет. Поставьте оценку первым.

80

Leave a Reply

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