Comment supprimer le texte par défaut de l'élément de saisie de date HTML5 ?

Suppression du texte par défaut de l'élément de saisie de date HTML5

Lors de l'utilisation de l'élément de saisie HTML avec le type "date", il génère un texte d'espace réservé au format « mm/jj/aaaa » par défaut. Pour supprimer ce texte, la solution suivante est proposée :

Solution :

Au lieu d'utiliser le code CSS fourni dans la question, qui masque également la valeur de date sélectionnée, nous pouvons utiliser le CSS suivant sélecteur :

::-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;
}

Explication :

Ce sélecteur CSS cible les champs de date individuels (année, mois et jour) lorsque leur attribut aria-valuenow n'est pas défini , qui correspond à l'état du texte d'espace réservé. En définissant leur couleur sur « transparent », le texte par défaut devient invisible sans affecter la visibilité de la valeur de date sélectionnée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!