@supports für Pseudoklassen?

[marctrix]

Hej Kasimir,

gibt es eine Möglichkeit festzustellen ob ein Browser so etwas wie :focus-within unterstützt?

Mit @supports wie gesagt nicht.

Wieso willst du den Support denn feststellen? Also was würdest du tun, wenn du es könntest? Die Focus-Styles auf das fokussierte Element anwenden anstatt auf das Elternelement?

Nein, ich möchte eine einfache Darstellung für Browser die das nicht unterstützen, für Browser die focus-within können, würde ich gerne eine hübschere Variante anbieten.

Wenn ein Browser das nicht kann, muss er daher alles ignorieren, was an Gestaltung für Browser mit focus-within nötig ist.

Konkret möchte ich für Browser ohne focus-within ein Eingabefeld mit einem Label darüber haben wollen. Für Browser mit focus-within das Label im Eingabefeld anzeigen (ist unter Designern derzeit der Renner).

Mit JavaScript hat das @Gunnar Bittersmann bereits umgesetzt. Das Projekt hat derzeit noch kein eigenes JavaScript und ich würde gerne auf den zusätzlichen http-Request verzichten. Auch finde ich es unschön, dass die JS-Unterstützung wohl für immer drin bleiben würde, wenn es erstmal drin ist. Also auch dann, wenn alle relevanten Browser die Pseudoklasse längst unterstützen.

Marc