input[type='email']:invalid:after

[Matthias Apsel]

Hallo grmblfx,

input[type='email']:invalid:after {
  content: "X";
}

aber nichts angezeigt (getestet in Firefox und chrome). Woran liegt das? Hat es evtl. etwas mit der flexbox-Positionierung zu tun?

Neben dem schon genannten Grund noch ein paar Kleinigkeiten:

Pseudoelemente bekommen zwei Doppelpunkte. Warum sollte der Großbuchstabe X für ein fehlerhaft ausgefülltes Element stehen?

Beides finde ich nicht schön, geht es auch direkt mit dem input-Feld?

Die gewünschte Gestaltung sollte auch auf diesen beiden Wegen erreichbar sein.

Bis demnächst
Matthias