Kasimir: @supports für Pseudoklassen?

Beitrag lesen

Hallo!

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?

Vielleicht kann man mit JavaScript etwas basteln: Ein unsichtbares Element programmatisch fokussieren und die computed styles des Elternelements mit :focus-within auslesen. Unschön, aber müsste gehen.

Das focusin-Event steigt auf (Bubbling) und kann bei einem Elternelement (z.B. label, fieldset oder gleich body/html) verarbeitet werden. Dem gewünschten Elternelement kann dann eine Klasse verpasst werden. Das Pendant ist focusout.

Kasimir