Как к placeholder применить after? Или другие варианты?

Question

[QaED]

Добрый день! В placeholder="Your Name" нужно сделать символ "*" красного цвета. Пробовал применить after, в том числе и смотрел на похожих ресурсах, но по итогу ничего не менялось. Как правильно нужно это сделать? И есть ли другие варианты, вместо after?

Answer 1

[Ankhena]

И сам-то плейсхолдер не элемент, а вы к нему хотите еще и псевдо добавить.

Вы неправильно понимаете смысл плейсхолдера и путаете его с label.
Вот, а в label можно вставить span, псевдоэлемент и все что угодно. И спозиционировать куда вам нужно.

https://jsfiddle.net/c2toquLg/

Comments

[QaED]

Спасибо, но как это применить к textarea?

[Ankhena]

QaED, какая разница чей это label.
Но не понятно почему полу "ваше имя" оказалось textarea?

Но как-то так: https://jsfiddle.net/c2toquLg/

[QaED]

Ankhena, textarea - не в имени, я про другой блок сразу уточнил :)

[Ankhena]

QaED, разница может быть только в позиционировании.
Что для инпута можно по центру, а для textarea нужно указывать от верха.
Всё.
Но это не имеет отношения к вопросу.

[QaED]

Ankhena, я сейчас переписал с помщью вашего кода мой, всё конечно хорошо, но вот он никак не хочет вставать в input. Как эту проблему можно решить?

[Ankhena]

QaED, позиционированием

[Ankhena]

QaED, пока вы не выложите код в песочницу, я вряд ли смогу догадаться что не получается.

[QaED]

Ankhena, https://codepen.io/qaed/pen/gOPpmjr там коряво получилось (в codepen), я еще в процессе.

[Ankhena]

QaED, и где там вообще позиционирование для label?
У меня input и label обернуты в div, относительно которого позиционируется label.

Answer 2

[Илхомжон Матазимов]

Почему ты удалил вопрос?

Comments

[QaED]

Не тот форум для таких вопросов, слишком много "умных". Ответ прочитал, спасибо :)