estilando campos de entrada vazios com css

Uma necessidade de estilo comum é aplicar regras específicas para esvaziar os campos de entrada. Isso pode ser útil para fornecer pistas visuais aos usuários, como um texto de espaço reservado ou uma borda colorida. No entanto, o uso do seletor de entrada [value = ""] para direcionar entradas vazias pode não funcionar como pretendido. Este pseudo-classe tem como alvo campos de entrada em que o texto do espaço reservado está atualmente visível, indicando que o campo de entrada está vazio. borda: 1px vermelho sólido; }

Observe que você também deve definir um atributo de espaço reservado no campo de entrada em html: