सीएसएस चयनकर्ता

Question

क्या सीएसएस के साथ उनके इनपुट के आधार पर सभी इनपुट को लक्षित करने का कोई तरीका है? मेरे पास एक अक्षम वर्ग है जिसे मैं विभिन्न अक्षम फॉर्म तत्वों पर उपयोग करता हूं, और मैं टेक्स्ट बॉक्स के लिए पृष्ठभूमि रंग सेट कर रहा हूं, लेकिन मैं नहीं चाहता कि मेरे चेकबॉक्स उस रंग को प्राप्त करें।

मुझे पता है कि मैं इसे अलग वर्गों के साथ कर सकता हूं लेकिन यदि संभव हो तो मैं सीएसएस का उपयोग करूंगा। मुझे यकीन है, मैं इसे जावास्क्रिप्ट में सेट कर सकता हूं लेकिन फिर से सीएसएस की तलाश में हूं।

मैं आईई 7 + को लक्षित कर रहा हूं। इसलिए मुझे नहीं लगता कि मैं CSS3 का उपयोग कर सकता हूं।

संपादित

CSS3 मैं की तरह कुछ करने के लिए सक्षम हो जाएगा के साथ

?

INPUT[type='text']:disabled कि यहां तक ​​कि बेहतर होगा

मेरी कक्षा पूरी तरह से छुटकारा पाने के ... संपादित

मदद के लिए ठीक है, धन्यवाद! तो यहाँ एक चयनकर्ता जो सभी बक्सें और जिन क्षेत्रों किसी भी कक्षा की स्थापना, जब मैं इस सवाल मैंने कभी नहीं सोचा यह संभव हो गया था शुरू कर दिया की आवश्यकता के बिना अक्षम कर दिए गए संशोधित करता है ...

INPUT[disabled][type='text'], TEXTAREA[disabled] 
{ 
    background-color: Silver; 
} 

यह IE7

में काम करता है

Answer 1

हां।

विशेषता प्रकार जो, के बराबर है कोई मान के साथ शुरू होता है, शामिल है या एक निश्चित मूल्य के साथ समाप्त होता साथ

input[type=radio] 
input[type^=ra] 
input[type*=d] 
input[type$=io] 

तत्व इनपुट: IE7 + विशेषता चयनकर्ताओं का समर्थन करता है।

अन्य सुरक्षित (IE7 +) चयनकर्ताओं हैं:

• जनक> बच्चा है कि: p > span { font-weight: bold; }
• ~ तत्व के पहले जो है: span ~ span { color: blue; }

कौन सा <p><span/><span/></p> के लिए प्रभावी ढंग से आप देना होगा:

<p> 
    <span style="font-weight: bold;"> 
    <span style="font-weight: bold; color: blue;"> 
</p> 

फर थ्रू रीडिंग: Browser CSS compatibility on quirksmode.com

मुझे आश्चर्य है कि हर कोई सोचता है कि यह नहीं किया जा सकता है। सीएसएस विशेषता चयनकर्ता कुछ समय पहले ही यहां रहे हैं। मुझे लगता है कि यह समय है कि हम अपनी .css फ़ाइलों को साफ करते हैं।

Answer 2

क्षमा है , संक्षिप्त जवाब नहीं है। सीएसएस (2.1) केवल एक डोम के तत्वों को चिह्नित करेगा, न कि उनके गुण। आपको प्रत्येक इनपुट में एक विशिष्ट कक्षा लागू करनी होगी।

बमर मुझे पता है, क्योंकि यह अविश्वसनीय रूप से उपयोगी होगा।

मुझे पता है कि आपने कहा है कि आप जावास्क्रिप्ट पर सीएसएस पसंद करेंगे, लेकिन आपको अभी भी jQuery का उपयोग करने पर विचार करना चाहिए। यह विशेषताओं के आधार पर डीओएम तत्वों को शैलियों को जोड़ने का एक बहुत ही साफ और सुरुचिपूर्ण तरीका प्रदान करता है।

Answer 3

आप इसे jQuery के साथ कर सकते हैं। अपने चयनकर्ताओं का उपयोग करके, आप गुणों जैसे कि प्रकार के अनुसार चुन सकते हैं। यह करता है, लेकिन, की आवश्यकता होती है है, जो आपके उपभोक्ताओं जावास्क्रिप्ट चालू है, और एक अतिरिक्त फ़ाइल डाउनलोड करने के लिए, लेकिन अगर यह काम करता है ...

Answer 4

दुर्भाग्य से अन्य पोस्टर सही है कि आप रहे हैं ... वास्तव में के रूप में केआरओएन द्वारा संशोधित, आप आपके आईई 7 और सख्त दस्तावेज़ के साथ ठीक हैं, लेकिन हम में से अधिकांश आईई 6 आवश्यकताओं के साथ जेएस या कक्षा संदर्भों में कम हो गए हैं, लेकिन एक सीएसएस 2 संपत्ति है, केवल पर्याप्त समर्थन के बिना आईई^एच^एच ब्राउज़र से।

पूर्णता से, प्रकार चयनकर्ता - xpath के समान है - फॉर्म [attribute=value] के रूप में लेकिन कई रोचक रूप मौजूद हैं। यह उपलब्ध होने पर काफी शक्तिशाली हो जाएगा, आईई 8 के लिए अपने सिर में रखने के लिए अच्छी बात है।

• w3 reference

• browser support reference