Pseudo-classe :placeholder-shown CSS

Definição e uso

CSS :placeholder-shown O pseudo-classe é usado para escolher e definir o estilo de qualquer texto de marcador de posição atualmente exibido <input> ou <textarea> estilo do elemento.

Dica:Também pode usar ::placeholder pseudo-elementos para definir o estilo do texto de marcador de posição.

Exemplo

Escolha e defina o estilo de qualquer elemento <input> que exiba o texto de marcador de posição atual:

input:placeholder-shown {
  background-color: bege;
  border: 2px solid marrom;
  border-radius: 5px;
  font-style: italic;
}

Experimente você mesmo

Sintaxe CSS

:placeholder-shown {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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

Páginas relacionadas

Referência:Pseudo-elemento ::placeholder do CSS