क्या कोई भी सीएसएस चयनकर्ता है जिसके लिए उपयोगकर्ता टाइप करता है?

Question

मैं उन सभी तत्वों के लिए कुछ सामान्य स्टाइल बनाना चाहता हूं जहां उपयोगकर्ता चुनता है (या तो माउस के साथ या टच स्क्रीन पर टैपिंग) और उसके बाद कर्सर के साथ टेक्स्ट इनपुट करता है। इसमें शामिल हैं:

• <input>
• <input type='text'>
• <textarea>
• <input type='password'>
• <another element that I didn't know existed that you can type into>

आप (और अन्य उदाहरण शायद) देख सकते हैं, <textarea> की वजह से (जो गिर जाता है इस श्रेणी में) और <input type='submit'> (जो नहीं करता है) आप बस सभी <input> का चयन नहीं कर सकते हैं।

क्या इसके लिए कोई विशेष सीएसएस (छद्म?) चयनकर्ता है?

Answer 1

नहीं, ऐसा नहीं है।

या तो आप सूचियों

input, textarea {...} 

के साथ जाने या आप एक सीएसएस-पूर्वप्रक्रमक का उपयोग (जैसे सास) और अपने आप एक mixin या एक समारोह है कि इन सभी प्रकार संभालती हैं। लेकिन आप किसी भी समय इन सभी तत्वों को परिभाषित नहीं करेंगे।

Answer 2

नहीं, इस के लिए एक क्षेत्र नहीं है, लेकिन आप इस तरह अल्पविरामों से चयनकर्ताओं गठबंधन और उन सब शैली दे सकते हैं एक साथ:

input[type="text"], input[type="search"], input[type="password"], textarea { 
    /* your styles here */ 
} 

मुझे लगता है कि यह यह करने के लिए एक ही रास्ता है।

Answer 3

आप केवल किसी भी HTML तत्व का चयन करने के लिए सीएसएस में फ्यूसो स्यूडो-क्लास का उपयोग कर सकते हैं।

सीएसएस:

:focus { 
    /* whatever you want to do to all selected elements */ 
} 

यहाँ एक जे एस बेला दिखा रहा है कि यह कैसे काम करता है:

http://jsfiddle.net/vbdgenwz/