Styling Vacent Input Fields con css

que una necesidad de estilo común es aplicar reglas específicas a los campos de entrada vacíos. Esto puede ser útil para proporcionar señales visuales a los usuarios, como un texto de marcador de posición o un borde de color. Sin embargo, el uso del selector de entrada [value = ""] para apuntar a las entradas vacías puede no funcionar según lo previsto.

en los navegadores modernos, la pseudo-class-swown-class-class de sencillo proporciona una forma más confiable de diseñar campos de entrada vacíos. Este pseudo-clase se dirige a los campos de entrada donde el texto del marcador de posición es actualmente visible, lo que indica que el campo de entrada está vacío.

para aplicar un borde rojo a un campo de entrada vacío, puede usar el siguiente CSS:

input:placeholder-shown {
  border: 1px solid red;
}

que también debe establecer un atributo de marcador de posición en el campo de entrada en html:

Chrome requiere al menos un carácter de espacio como el valor de los taller de posición para desencadenar: el lugar de colocación de lugar a la colocación de la colocación de peces. Esto garantiza que el campo de entrada no esté técnicamente vacío y al mismo tiempo que permite la entrada del usuario.

usando: swown de marcador de posición, puede crear un estilo personalizado que se dirige a los campos de entrada vacíos y proporciona comentarios mejorados de los usuarios.