2012-03-02 16 views
18

मैं "ईमेल" और "पासवर्ड" प्रकार के रूप में स्टाइल फॉर्म शैली बनाना चाहता हूं, लेकिन कुछ भी नहीं।सीएसएस: एकाधिक विशेषता चयनकर्ता

input[type="email"][type="password"] { 
    .... 
} 

हालांकि, जिस तरह से विशेषता चयनकर्ताओं काम करते हैं, यह के रूप में इस व्याख्या करने के लिए "इनपुट जहां प्रकार एक साथ दोनों 'ईमेल' और 'पासवर्ड' है" प्रकट होता है: मैं निम्नलिखित की तरह कुछ कल्पना की गई थी। मैं जो कर रहा हूं वह है "इनपुट जहां टाइप या तो बिल्कुल 'ईमेल' या 'पासवर्ड' है। बेशक, एक ही समय में ईमेल और प्रकार के पासवर्ड दोनों प्रकार के कुछ भी नहीं है।

क्या सीएसएस नियम लिखना संभव है कि या कई अलग-अलग विशेषता चयनकर्ताओं में है?

input[type="email"], input[type="password"] 
+0

आपका धारणा है सही: combi इस तरह के सरल चयनकर्ताओं ने प्रत्येक दिए गए तत्व के लिए उन सभी पर एक और संचालन किया है। – BoltClock

उत्तर

22

बस इस कार्य करें:

संदर्भ के लिए, एचटीएमएल कुछ ऐसा दिखाई देगा

input[type="email"],input[type="password"] { 
    .... 
} 

w3 docs on group selectors here

+5

शायद अल्पविराम, रिक्त स्थान, ब्रैकेट, और ऑर्डर करने का एकमात्र क्रमपरिवर्तन जो मैंने कोशिश नहीं की .... – Chuck

4

का उपयोग एक अल्पविराम:

<form id="login" onsubmit="return fadeaway()"> 
    <fieldset> 
    <input type="email" placeholder="username"/> <br /> 
    <input type="password" placeholder="password"/> <br /> 
    </fieldset> 
</form> 
संबंधित मुद्दे