如何從 HTML5 日期輸入元素中刪除預設文字？

從HTML5 日期輸入元素中刪除預設文字

使用類型為「日期」的HTML 輸入元素時，它會產生佔位元素時，它會產生佔位元素符文字預設格式為“mm/dd/yyyy”。要刪除此文本，提供了以下解決方案：

解決方案：

而不是使用問題中提供的CSS 程式碼，這也會隱藏所選的日期值，我們可以使用以下CSS 選擇器：

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

說明：

此CSS 選擇器針對各個日期欄位（年、月和日），當其aria -valuenow屬性未設置，對應佔位符文字狀態。透過將其顏色設為“透明”，預設文字將變得不可見，而不影響所選日期值的可見性。

以上是如何從 HTML5 日期輸入元素中刪除預設文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！