Можно ли ставить after прямо на input а не на form?

Question

[VaILeo]

Когда ставлю after на input его нет, когда на форму в целом, то есть, но мне не нужны after на всех инпутах...

Answer 1

[Dino Winchester]

Не у всех HTML тегов есть собственное содержимое, поэтому не во всех случаях стоит ждать корректного результата при использовании псевдоэлементов на следующих тегах <img>, <input type="text">, <input type="email">, <input type="password">, <input type="datetime">, etc.

Однако вы можете обернуть input в дополнительный тег, после чего использовать псевдоэлемент родительского элемента.

<div class="inputbox">
   <input type="text">
</div>

.inputbox::after { 
  /* ...стили для псевдоэлемента */ 
}

Comments

[Вадим]

нууу у img всё же есть псевдо, но только когда картинка не загрузилась.

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

::before и ::after можно прописать у input[type="radio"]

[Dino Winchester]

Вадим, ага... псевдо есть даже когда картинка загрузилась, но он не отображается. Вообще штука может быть полезной, например через псевдоэлемент таким образом можно было бы добавить какую-нибудь загрушку, на случай если картинка не загрузилась, но такое редко требуется.

Лев Александров, да, конечно, на input тегах с типом: radio, file, checkbox, range и возможно каких-то других, псевдоэлементы будут отображаться. Я неправильно выразился вчера, написав про input теги в целом.

Answer 2

[Sergei Nazarenko]