Styling-Optionen für die HTML5-Datumsauswahl

Die Datumsauswahl in HTML5 funktioniert im Grunde sehr ähnlich wie die JavaScript-Bibliothek. Wenn wir uns auf das Feld konzentrieren, erscheint ein Kalender und wir können dann das Datum nach Monat und Jahr auswählen.

Wenn Sie also möchten, dass die Datumseingabe mehr Abstände und Farbschemata verwendet, können Sie Ihrem Code Folgendes hinzufügen.

::-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">

Das obige ist der detaillierte Inhalt vonStyling-Optionen für die HTML5-Datumsauswahl. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!