2012-03-28 18 views
5
के लिए [type = "??"]

संभव डुप्लिकेट:
CSS Select Selectorसीएसएस स्टाइल इनपुट का चयन सूचियों

लिए सीएसएस बराबर क्या है निम्नलिखित जब चयन सूचियों के साथ काम?

input[type="text"] 
input[type="submit"] 
+0

आइए शुरू। आप अपना एचटीएमएल कैसे बना रहे हैं? आप इसे हाथ से नहीं लिख रहे हैं, है ना? –

+0

नहीं। यह AJAX जेनरेट किया गया है। मैं कई रूपों पर जेनेरिक स्टाइल लागू करने के लिए विभिन्न साधनों के साथ प्रयोग कर रहा हूं। – Nick

+0

इन इनपुट में कुछ माता-पिता या कुछ अन्य तत्व होने चाहिए जिन्हें संदर्भ –

उत्तर

21

input[type="text"] CSS चयनकर्ता में बांटा जा सकता है;

  1. input; input तत्वों वाले सभी तत्व खोजें।
  2. [type="text"]; उन तत्वों को फ़िल्टर करें जिनके पास typetext की विशेषता है।

क्योंकि एक सलेक्ट बॉक्स एक <select> तत्व एक <input type="select" /> के बजाय है, तो आप सिर्फ select चयनकर्ता के रूप में इस का उपयोग कर सकते हैं; शुरुआत में

select { 
    /* blah blah blah*/ 
} 
-4

select

+3

यह गलत नहीं है, लेकिन एक शब्द का जवाब एक अच्छे जवाब से बहुत कम उपयोगी है। –

+0

एक शब्द का जवाब अच्छा नहीं है – salah9

+0

सीएसएस का चयन या एचटीएमएल? @ niet-the-dark-absol, अधिक वर्णनात्मक हो! :-) – MAbraham1

4

का चयन करें, अपने उदाहरण में उन जैसे इनपुट के एक प्रकार नहीं है तो आप जब आप एक select

1
select { 
    border:1px solid green; 
} 

    select option { 
    font-weight:bold; 
    } 
2

को लक्षित फैब्रिजियो-Calderan कहते हैं एक विशेषता चयनकर्ता उपयोग नहीं कर सकते , एक प्रकार की संपत्ति नहीं है का चयन करें। हालांकि, आप डेटा-संपत्ति का उपयोग करें और अपने तत्व शैली इस के आधार पर हो सकता है

यहाँ देखें: Select elements by data attribute in CSS

क्यों इसे शैली करने के लिए एक वर्ग का उपयोग नहीं?

छद्म कोड:

<select> 
    <option class="wise"> 
    <option class="not-so-wise"> 
    <option class="meh"> 
</select> 
संबंधित मुद्दे