@supports für Pseudoklassen?
bearbeitet von marctrixHej 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](https://codepen.io/haunschild/details/NjEZYm/) (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 Beowser die Pseudoklasse längst unterstützen.
Marc
@supports für Pseudoklassen?
bearbeitet von marctrixHej 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).
Marc