25.11.2020 |

CSS :placeholder-shown & :focus-within

:placeholder-shown

Mit diesem Element können Formulare so bearbeitet werden, dass die Styling-Informationen nur zu sehen sind, solange der Placeholder angezeigt wird. Wird im Formular beispielsweise etwas eingetippt und verschwindet der Placeholder, verschwinden mit ihm auch die Styling-Informationen.

Beispiel: https://codepen.io/team/css-tricks/pen/NxdJgV


:focus-within

Mit diesem Element hat man die Möglichkeit das Elternelement eines Formulars zu adressieren und zu verändern, sobald ein Formularelement fokussiert wird.

Beispiel: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within

Zur Übersicht
Rahmi Tufanoglu

Mehr vom Devsquad...

Adrian Görisch

Z-Index

Rahmi Tufanoglu

CSS clamp()

Hallo, ich bin Jörg Herbst!

Ich bin der CEO von newcubator und freue mich über jede Nachricht!

* Pflichtfeld