मैं एचटीएमएल 5 में <input>
रों लिए कुछ अच्छी डिफ़ॉल्ट स्टाइल के साथ आने के लिए कोशिश कर रहा हूँ और निम्नलिखित की कोशिश की:कौन से तत्व छद्म-तत्वों के बाद :: पहले और :: का समर्थन करते हैं?
input::after { display: inline; }
input:valid::after { content: ' ✓ '; color: #ddf0dd; }
input:invalid::after { content: ' ✗ '; color: #f0dddd; }
ओह, ::after
सामग्री कभी नहीं दिखाई देता है। यह छद्म-तत्वों के लिए डबल-बनाम सिंगल कोलन के साथ कोई समस्या नहीं है; मैंने दोनों की कोशिश की है। यह एक छद्म तत्व और एक छद्म वर्ग के साथ भी कोई समस्या नहीं है; मैंने :valid
और :invalid
के बिना इसे आजमाया है। मैं क्रोम, सफारी, और Firefox में समान व्यवहार प्राप्त (फ़ायरफ़ॉक्स :valid
और :invalid
छद्म कक्षाएं नहीं है, लेकिन मैं उन के बिना यह कोशिश की।)
छद्म तत्वों <div>
, <span>
, <p>
पर ठीक से काम , और <q>
तत्व - जिनमें से कुछ ब्लॉक तत्व हैं और कुछ इनलाइन हैं।
तो, मेरा सवाल है: ब्राउज़र क्यों सहमत हैं कि <input>
के पास ::after
नहीं है? मुझे उस नमूने में कुछ भी नहीं मिला जो यह इंगित करेगा।
रिकॉर्ड के लिए, डबल कोलन और एकल कोलन छद्म तत्वों और ** छद्म कक्षाएं **, क्योंकि लोगों को कहा जाता है एक छाता शब्द में एक साथ उन दोनों munging रहे थे "छद्म चयनकर्ताओं को अलग करने के लिए ही थे "। – BoltClock