HTML5日期選擇器的樣式選項

HTML5中的日期選擇器基本上與JavaScript庫的工作方式非常相似，當我們聚焦在欄位上時，一個日曆會彈出，然後我們可以透過月份和年份來選擇日期。

因此，如果您希望日期輸入使用更多的間距和顏色方案，您可以將以下內容新增至您的程式碼。

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

以上是HTML5日期選擇器的樣式選項的詳細內容。更多資訊請關注PHP中文網其他相關文章！