CSS/Selektoren/modal

Der :modal-entspricht einem Element, das sich in einem Zustand befindet, in dem es jede Interaktion mit Elementen außerhalb des Elements ausschließt, bis die Interaktion beendet ist. Mehrere Elemente können gleichzeitig durch die Pseudoklasse :modal ausgewählt werden, aber nur eines von ihnen ist aktiv und kann Eingaben empfangen.

Syntax	:modal
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

:modal { 
  background-color: beige;
  border: thin solid;
  color: red;
  border-radius: 5px;
}

Das modale Fenster erhält einen beigen Hintergrund und einen roten, abgerundeten Rand. Den Hintergrund könnten Sie mit dem ::backdrop-Pseudoelement gestalten.

Siehe auch

• Infobox/modale Dialogfenster

Weblinks

• CSSWG: modal-state Selectors Level 4
• MDN: :modal