@Genri_Rus

Как отрисовать данный input?

Вот пример:

5d9218213d6a2710858706.png

При фокусе отрисовать обводку, но как сделать там такой отступ (пустое место)
  • Вопрос задан
  • 186 просмотров
Решения вопроса 2
origami1024
@origami1024
went out for a night walk
1) Инпут во враппер
2) на враппер :before с текстом и transparent фоном
3) еще :after - чтобы точечно закрыть часть бордера

Ответ написан
Mooncake8
@Mooncake8
Фронт и верстальщик
я бы наверное сделал как-то так,
закрашивал был бэкграундом лейбла часть границы при фокусе инпута

https://jsfiddle.net/mcake/avLbyu23/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"
Для задания отступа внутри input требуется свойство padding для тэга
input {
    padding: 10px;
}

Пример чего-то подобного
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы