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