Có bất kỳ tùy chọn kiểu nào cho bộ chọn Ngày HTML5 không?

Bộ chọn ngày trong HTML5 hiển thị cửa sổ bật lên giống như lịch. Điều này cũng giống như việc chọn tháng và năm và điều này sẽ thêm ngày.

Ví dụ

Bạn cũng có thể tùy chỉnh cửa sổ bật lên và thêm màu nền. Bạn có thể thử chạy đoạn mã sau để thêm các tùy chọn kiểu cho bộ chọn ngày HTML -

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

Sau đây là chỉnh sửa trường tháng, ngày và năm -

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