Pseudo-classe :modal CSS

Definição e uso

CSS :modal Os pseudo-classes são usados para escolher e definir o estilo dos elementos em estado modal.

Exemplo

Escolha e defina o estilo dos elementos em estado modal:

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

Experimente você mesmo

Sintaxe CSS

:modal {
  declarações css;
}

Detalhes técnicos

Versão: CSS4

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse pseudo-classe.

Chrome Edge Firefox Safari Opera
105 105 103 15.6 91