Wie entferne ich Standardtext aus dem HTML5-Datumseingabeelement?

Standardtext aus dem HTML5-Datumseingabeelement entfernen

Bei Verwendung des HTML-Eingabeelements mit dem Typ „Datum“ wird ein Platzhaltertext generiert standardmäßig im Format „mm/tt/jjjj“. Um diesen Text zu entfernen, wird die folgende Lösung bereitgestellt:

Lösung:

Anstatt den in der Frage bereitgestellten CSS-Code zu verwenden, der auch den ausgewählten Datumswert verbirgt, Wir können den folgenden CSS-Selektor verwenden:

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

Erklärung:

Dieser CSS-Selektor zielt auf die einzelnen Datumsfelder (Jahr, Monat und Tag) ab, wenn ihre Arie Das Attribut -valuenow ist nicht festgelegt, was dem Status des Platzhaltertexts entspricht. Indem Sie ihre Farbe auf „transparent“ setzen, wird der Standardtext unsichtbar, ohne dass die Sichtbarkeit des ausgewählten Datumswerts beeinträchtigt wird.

Das obige ist der detaillierte Inhalt vonWie entferne ich Standardtext aus dem HTML5-Datumseingabeelement?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!