Как изменить место placeholder?

Question

[Полина Титова]

Надо чтоб placeholder был чуть подальше от края. Как можно с помощью стилей это исправить?

Answer 1

[lUser L]

Добавить padding ?

.input {
   padding-left: 10px;
}

Answer 2

[maxim]

padding: ..px; //чтобы дать пространство всем краям
padding-left: ..px; //чтобы дать пространство левому краю
padding-right: ..px; //чтобы дать пространство правому краю
padding-bottom: ..px; //чтобы дать пространство нижнему краю

Answer 3

[nowm]

У input-элементов есть CSS-свойство ::placeholder. Можно сделать так:

#my-phone-input::placeholder {
    padding-left: 2em;
}

Просто замените #my-phone-input на корректный селектор для инпута, который у вас на скриншоте. Но, вообще, обычно у плейсхолдера такой же отступ, как и у текста в поле ввода, так что если вы для самого input зададите отступы с помощью padding, плейсхолдер это унаследует.

Comments

[Ankhena]

Логичнее делать отступ инпуту, а не плейсхолдеру.
Вряд ли будет нужно, чтобы плейсхолдер был с отступом, а введенный текст прилипал к краям.

[nowm]

Ankhena, да, я как раз про это упоминал в ответе — возможно вы старую версию увидели. Согласен, что логичнее, потому что нестандарно расположенный плейсхолдер сильно сбивает с толку.

[Ankhena]

nowm, да, наверное. Хорошо, что дописали.