सीएसएस में विक्रेता-विशिष्ट छद्म-वर्गों और छद्म तत्वों (सर्वोत्तम क्रॉस-ब्राउज़र कवरेज प्राप्त करने के लिए) के संयोजन का उपयोग करके इनपुट के भीतर placeholder
टेक्स्ट शैली बनाना संभव है।विक्रेता-विशिष्ट छद्म-तत्व/कक्षाओं को एक नियम सेट में गठबंधन करना क्यों संभव नहीं है?
ये सभी समान मूल गुण साझा करते हैं (यानी: टेक्स्ट स्टाइल और रंग घोषणाएं)।
हालांकि जब भी मैं अनिवार्य रूप से ब्राउज़र विक्रेता के बावजूद एक ही शैलियों को लागू करना चाहता हूं, तो इन्हें एक साथ अल्पविराम से अलग चयनकर्ता में जोड़ना संभव नहीं है (जैसा कि आप सीएसएस के किसी अन्य भाग के साथ चाहते हैं जहां आप चाहते हैं एक ही शैलियों को साझा करने के लिए दो चयनकर्ता)।
input:-moz-placeholder
input::-moz-placeholder
input:-ms-input-placeholder
input::-webkit-input-placeholder
(हालांकि :-moz-placeholder
is being deprecated:
एक उदाहरण के रूप में, मैं चार निम्नलिखित चयनकर्ताओं का उपयोग कर प्लेसहोल्डर स्टाइल को लक्षित करने के लिए करते हैं ::-moz-placeholder
के पक्ष में यह केवल फ़ायरफ़ॉक्स 1 9 के रिलीज के साथ हुआ था, इसलिए वर्तमान में बेहतर ब्राउज़र-समर्थन के लिए दोनों की आवश्यकता है)।
निराशाजनक बात यह है कि प्रत्येक (समान) शैली को घोषित करने और देने से सीएसएस के भीतर बहुत बार दोहराया जाता है।
तो, यह सुनिश्चित करें कि प्लेसहोल्डर पाठ दाएँ संरेखित और इटैलिक है बनाने के लिए, मैं के साथ खत्म हो जाएगा:
input:-moz-placeholder{
font-style: italic;
text-align: right;
}
input::-moz-placeholder{
font-style: italic;
text-align: right;
}
input:-ms-input-placeholder{
font-style: italic;
text-align: right;
}
input::-webkit-input-placeholder{
font-style: italic;
text-align: right;
}
क्या मैं सच में करना चाहते हैं उन्हें एक ही अल्पविराम से अलग गठबंधन करने के लिए है नियम इस तरह सेट है:
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder{
font-style: italic;
text-align: right;
}
हालांकि, कुछ उचित अवसरों पर इसे करने के बावजूद, यह कभी काम नहीं करता है। यह मुझे चिंतित करता है कि सीएसएस का कुछ मौलिक हिस्सा है जिसे मैं समझ नहीं पा रहा हूं।
क्या कोई इस पर कोई प्रकाश डाल सकता है कि ऐसा क्यों होता है?
धन्यवाद, बहुत अच्छी तरह से और सही समझ में आता है। अभी भी काफी निराशाजनक! बस आपके भविष्य के संदर्भ के लिए: ': -मोज़-प्लेसहोल्डर 'छद्म वर्ग [अपेक्षाकृत हाल ही में अवमूल्यित] [https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder) फ़ायरफ़ॉक्स 1 की शुरूआत के साथ, दुखद रूप से दोनों ': -मोज़-प्लेसहोल्डर' और दोहरे कॉलोन उत्तराधिकारी ':: - मोज़-प्लेसहोल्डर' का उपयोग वर्तमान में सर्वश्रेष्ठ ब्राउज़र कवरेज सुनिश्चित करने के लिए किया जाना चाहिए। – johnkavanagh