Gibt es Gestaltungsoptionen für die HTML5-Datumsauswahl?

Die Datumsauswahl in HTML5 zeigt ein kalenderähnliches Popup an. Dies entspricht der Auswahl von Monat und Jahr und dem Hinzufügen des Datums.

Beispiel

Sie können das Popup auch anpassen und eine Hintergrundfarbe hinzufügen. Sie können versuchen, den folgenden Code auszuführen, um der HTML-Datumsauswahl Styling-Optionen hinzuzufügen -

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

Hier bearbeiten Sie die Felder für Monat, Tag und Jahr -

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

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