कैसे चयन करने के लिए <input> सीएसएस

Question

साथ कोई "प्रकार" है कि मैं यहाँ मेरी HTML में 3 <input> रों है:

Name: <input><br> 
Age: <input type="number"><br> 
Site: <input type="url"> 

और मैं इन सीएसएस के साथ नीचे दो का चयन कर सकते हैं:

input[type="number"]{ 
    color: gray; 
} 
input[type="url"]{ 
    color: blue; 
} 

लेकिन मुझे नहीं पता कि पहले व्यक्ति का चयन कैसे करें जिसमें कोई प्रकार नहीं है।
मैंने कोशिश की:

input{ 
    color: red; 
} 

लेकिन यह रूप में अच्छी तरह अन्य दो बदल जाएगा।

input[type=""]{ 
    color: red; 
} 

यह अभी भी काम नहीं कर रहा है।
किसी भी विचार?

Answer 1

चयनकर्ता input[type=""] एक ऐसे इनपुट की तलाश करेगा जिसमें विशेषता type है जो खाली पर सेट है। IE6 में

input:not([type]) { } 

See the jsFiddle.

Answer 2

does not काम

input[type="text"]:first-child 

या

#form input[type="text"]:first-child 

Answer 3

शायद आप एक आईडी जोड़ सकते हैं या हो सकता है: इस उपयोग करने का प्रयास उस इनपुट पर कक्षा विशेषता जिसे आप लक्षित करना चाहते हैं। उदाहरण के लिए:

Name: <input id="name-input"> 

फिर अपने सीएसएस में

:

#name-input 
{ 
    color: red 
} 

Answer 4

एक और दृष्टिकोण सीएसएस विशिष्टता उपयोग करने के लिए है, और सभी इनपुट तत्वों के लिए एक सामान्य शैली लागू होते हैं, तो अधिक विशिष्ट शैलियाँ लागू किया जा सकता है type विशेषता के साथ इनपुट। :)

Answer 5

आपकी क्रॉस-ब्राउज़र संगतता के लिए सबसे अच्छा शर्त शायद सिर्फ तुम क्या चाहते हैं और फिर यह इनपुट के हर प्रकार के लिए फिर से परिभाषित करने को परिभाषित किया गया है। अर्थात्:

input { 
    color: red; 
} 
input[type="button"], 
input[type="submit"], 
... 
input[type="input"] { 
    color: red; 
}