HTML5 डेट पिकर स्टाइलिंग
HTML5 में डेट पिकर एक कैलेंडर की तरह पॉपअप दिखाता है। यह महीनों और वर्षों के चयन के समान है और यह तारीख जोड़ता है।
पॉपअप को कस्टमाइज़ करना
आप पॉपअप को कस्टमाइज़ कर सकते हैं और बैकग्राउंड कलर भी जोड़ सकते हैं। HTML डेट पिकर के लिए स्टाइल विकल्प जोड़ने के लिए निम्नलिखित कोड आज़माएं:
::-webkit-datetime-edit { padding: 4em; }
::-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; }
नोट: ये वेबकिट-विशिष्ट छद्म-एलिमेंट हैं और मुख्य रूप से क्रोम, सफारी और एज जैसे वेबकिट-आधारित ब्राउज़रों में काम करते हैं। फायरफॉक्स और अन्य ब्राउज़रों के लिए अलग स्टाइलिंग दृष्टिकोण की आवश्यकता हो सकती है।
