Removendo texto padrão da entrada de data HTML5

O elemento de entrada HTML5 com type="date" fornece uma maneira conveniente de selecionar datas, mas geralmente exibe um formato de data padrão (por exemplo, mm/dd/aaaa) como um espaço reservado no campo de entrada. Este texto de espaço reservado pode distrair ou ser indesejável em determinadas situações.

Para remover esse texto padrão e ainda permitir que os usuários selecionem datas:

1. Use o CSS ' ::-webkit-datetime-edit-*' seletores:

   Esses seletores têm como alvo partes específicas do elemento de entrada de data, incluindo os campos de ano, mês e dia.

2. Defina a cor como transparente para campos vazios:

   Definindo a cor como transparente para campos que não possuem um valor atualmente selecionado (ou seja, campos com um ' em branco atributo aria-valuenow'), você pode ocultar efetivamente o texto do espaço reservado padrão.

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}