Pseudo-clase :placeholder-shown de CSS

Definición y uso

CSS :placeholder-shown El pseudo-clase se utiliza para seleccionar y configurar el estilo de cualquier <input> o <textarea> estilo de elementos.

Consejo:También se puede usar ::placeholder Los pseudo-elementos se utilizan para establecer el estilo del texto de marcador de posición.

Ejemplo

Elija y configure el estilo de cualquier elemento <input> que muestre el texto de marcador de posición actual:

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

Prueba personalmente

Sintaxis CSS

:placeholder-shown {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente el pseudo-clase.

Páginas relacionadas

Referencia:CSS ::placeholder pseudoelemento