Псевдо класс CSS :modal

Определение и использование

CSS :modal Псевдо классы используются для выбора и установки стиля элементов, находящихся в modalсостоянии.

Пример

Выберите и установите стиль элементов, находящихся в modalсостоянии:

:modal {
  background-color: gold;
  border: 2px solid maroon;
  border-radius: 8px;
  font-size: 20px;
}

Попробуйте сами

CSSграмматика

:modal {
  cssdeclarations;
}

Технические детали

Версия: CSS4

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, которая полностью поддерживает этот псевдо класс.

Chrome Edge Firefox Safari Opera
105 105 103 15.6 91