Existe-t-il des options de style pour le sélecteur de date HTML5 ?

Le sélecteur de date en HTML5 affiche une fenêtre contextuelle semblable à un calendrier. Cela revient à sélectionner le mois et l'année et à ajouter la date.

Exemple

Vous pouvez également personnaliser la popup et ajouter une couleur d'arrière-plan. Vous pouvez essayer d'exécuter le code suivant pour ajouter des options de style au sélecteur de date HTML -

::-webkit-datetime-edit { padding: 4 em; }
::-webkit-datetime-edit-fields-wrapper { background:blue; }
::-webkit-datetime-edit-text { padding: 0 0.5em; }

Voici l'édition des champs mois, jour et année -

::-webkit-datetime-edit-month-field { color: white; }
::-webkit-datetime-edit-day-field { color: red; }
::-webkit-datetime-edit-year-field { color: red; }
::-webkit-calendar-picker-indicator { background:gray; }

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!