Options de style pour le sélecteur de date HTML5

Le sélecteur de date en HTML5 fonctionne fondamentalement de manière très similaire à la bibliothèque JavaScript, lorsque nous nous concentrons sur le terrain, un calendrier apparaît et nous pouvons ensuite sélectionner la date par mois et par année.

Donc, si vous souhaitez que la saisie de la date utilise plus d'espacement et de couleurs, vous pouvez ajouter ce qui suit à votre code.

::-webkit-datetime-edit { padding: 2 em; }
::-webkit-datetime-edit-fields-wrapper { background:green; }
::-webkit-datetime-edit-text { color: blue; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: red; }
::-webkit-datetime-edit-day-field { color: orange; }
::-webkit-datetime-edit-year-field { color: red; }
<input type = "date">

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!