Computer >> Máy Tính >  >> Lập trình >> HTML

Tùy chọn kiểu cho bộ chọn ngày HTML5

Công cụ chọn ngày trong HTML5 về cơ bản hoạt động rất giống với cách mà các Thư viện JavaScript đã làm, khi chúng ta tập trung vào trường, lịch sẽ bật ra và sau đó chúng ta có thể điều hướng qua các tháng và năm để chọn ngày.

Do đó, nếu bạn muốn đầu vào ngày sử dụng thêm khoảng cách và bảng màu, bạn có thể thêm phần sau vào mã của mình.

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