มีตัวเลือกสไตล์ใดบ้างสำหรับตัวเลือกวันที่ของ 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; }