Как добавить ::before и :after к замещаемым элементам?

Question

[hellcaster]

Мне нужно добавить к input 2 псевдоэлементы: ::before и ::after. У меня долго они не появлялись. Потом я увидел во Всемирной паутине Интернет, что иногда к замещаемым элементам они не прикрепляются. Что делать?

Comments

[Hyubert]

у <input>нет :beforeи :after, оберните его в <label>и добавляйте их к нему. Напимер так:

<label>
  <input type="text">
</label>

Answer 1

[Алексей Уколов]

Покручиниться полчасика и придумать другое решение, которое не требует неподдерживаемой в браузерах функциональности. Оберните input в div, например.

Comments

[hellcaster]

Слишком просто, но сойдет. Спасибо

Answer 2

[Александр Алексеев]

:before и :after дословно означают before и after content
у input нет контента, поэтому псевдоэлементы с ними не работают
оборачивайте и применяйте к обертке