HTML5日期選擇器有哪些樣式選項嗎？

HTML5 中的日期選擇器顯示類似行事曆的彈出視窗。這與選擇月份和年份相同，並添加日期。

範例

您也可以自訂彈出視窗並新增背景顏色。您可以嘗試執行以下程式碼來為 HTML 日期選擇器新增樣式選項 -

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

以下是編輯月、日和年欄位 -

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

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