2011-09-19 16 views
29

मेरे पास एक टेक्स्ट और पासवर्ड इनपुट फ़ील्ड है जिसे मैं इस फैशन में चुनने की कोशिश कर रहा हूं:सीएसएस के साथ कई इनपुट फ़ील्ड प्रकारों का चयन करने का कोई तरीका है?

input[type=text][type=password] 

हालांकि यह काम नहीं करता है। मैं jQuery का उपयोग करने से बचना होगा, इसलिए किसी भी मदद की सराहना की जाएगी (कस्टम कक्षाओं का उपयोग किए बिना)।

उत्तर

69

आप यदि आवश्यक हो तो प्रकार दोहरा और अल्पविराम (रों) का उपयोग करते हुए, अलग विशेषताओं निर्दिष्ट करना होगा:

input[type=text], input[type=password] 

आपका दिए गए चयनकर्ता एक type वह यह है कि दोनों text और password के साथ एक input मिलान करने के लिए कोशिश कर रहा है, लेकिन एक तत्व में एक ही विशेषता के लिए अलग-अलग मान नहीं हो सकते हैं, इसलिए यह विफल हो जाता है।

+1

सुनिश्चित नहीं हैं कि क्यों यह एक जवाब के लिए चिह्नित नहीं है इनपुट [प्रकार = 'पासवर्ड'] [type = 'पाठ'] लेकिन यह है कि है। – AnthonyAlmighty

+4

@ एंथनीअल्मी: संभवतः क्योंकि यह एक ड्राइव-बाय प्रश्न था, और अधिकतर उपयोगकर्ता जो एक बार पोस्ट करते हैं और कभी वापस नहीं आते हैं, उन्हें यह नहीं पता कि उत्तर स्वीकार किए जा सकते हैं - वे एक प्रश्न पोस्ट करते हैं, जवाब प्राप्त करते हैं, और यही वह है। इसके अलावा, यह सुविधा खोजना अनावश्यक रूप से कठिन है। – BoltClock

+0

क्या होगा यदि मैं चाहता हूं कि ये एक निश्चित कक्षा हो? – User

0

ओनी जिस तरह से आप मूल रूप से माता-पिता> बच्चे या कुछ अन्य मिलान करने वाले चयनकर्ताओं का उपयोग कर सकते हैं और दोनों इनपुट के लिए दो अलग-अलग सीएसएस प्रारूपों के साथ ड्रिल कर सकते हैं।

div.form > .row > input[type='password']{font:small-caption;font-size:16px;} 
div.form > .row > input[type='text']{color: blue;} 

नोट: उपरोक्त पासवर्ड फ़ॉन्ट सेट करना पासवर्ड के लिए अपना इनपुट मास्क करना चाहिए।

अन्य तरीके से वास्तव में नहीं के रूप में प्रभावी IMHO

संबंधित मुद्दे

 संबंधित मुद्दे