Почему не работает псевдокласс

[aqua.77]

<input name="search" type="text" placeholder="Поиск...">

input:after{
    content: "";
    display: block;
    width: 20px;
    height: 10px;
    background: black;
    margin: 20px 0;
}

Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/

[Sensei]

Не псевдокласс, а псевдоэлемент)

Псевдоэлементы вставляются внутрь элемента. Перед или после контента, соответственно.

Но input -- пустой элемент. У него нет контента, и вставлять псевдоэлементы просто некуда.

[DivMan]

без label работать не будет https://jsfiddle.net/gnzrnko8/1/

[alejandro13]

:after - это псевдоэлемент, их невозможно применить к одиночным тегам

Edited December 23, 2016 by alejandro13

[aqua.77]

22 часа назад, alejandro13 сказал:

:after - это псевдоэлемент, их невозможно применить к одиночным тегам

В смысле к одиночным? h1:before применяется вроде

[alejandro13]

 

21 час назад, aqua.77 сказал:

В смысле к одиночным? h1:before применяется вроде

<h1></h1> - не одиночный

Одиночные - те, у которых нет закрывающего тега, т.е. теги без контента как написал Sensei.

Попробуйте ради интереса добавить псевдоэлемент к <img>, например