2011-04-11 20 views
53

मैं एक फॉर्म के टेक्स्ट और इनपुट फ़ील्ड में रंग पृष्ठभूमि बदलना चाहता हूं, लेकिन जब मैं ऐसा करता हूं तो यह सबमिट बटन को भी प्रभावित करता है! क्या यह किसी अन्य तरीके से किया जा सकता है जो बटन को प्रभावित नहीं करता है?इनपुट और टेक्स्ट फ़ील्ड में पृष्ठभूमि रंग?

input, textarea { 
    background-color : #d1d1d1; 
} 
+1

के रूप में @ डेमियन-एट-एस एफ ने कहा, इनपुट [type = "text"] इनपुट के बजाय का उपयोग करें। लेकिन डिफॉल्ट टेक्स्ट इनपुट सीमाओं से बचने के लिए 'सीमा: none; 'नियम का भी उपयोग करें। – Manolo

उत्तर

89
input[type="text"], textarea { 

    background-color : #d1d1d1; 

} 

आशा में मदद करता है :)

संपादित करें:: काम कर उदाहरण के लिए, http://jsfiddle.net/C5WxK/

+0

अच्छा! इनपुट फ़ील्ड में सीमा प्रभाव है, लेकिन textarea नहीं है? –

+0

आपने 'इनपुट [टाइप = "टेक्स्ट"] 'और' textarea' दोनों का उपयोग क्यों किया? – URL87

+0

वे 2 अलग-अलग टैग हैं और उन्हें अलग से संबोधित करने की आवश्यकता है ... 'इनपुट [type = "text"] 'textarea' फ़ील्ड को संबोधित नहीं करता है। –

2

आप इनपुट फ़ील्ड कि इतने प्रकार के पाठ के हैं करने के लिए प्रतिबंधित करना चाहते हैं मैं इस कोड का इस्तेमाल किया है input के बजाय चयनकर्ता input[type=text] का उपयोग करें (जो सभी इनपुट फ़ील्ड पर लागू होगा (उदाहरण के प्रकार भी सबमिट करें))।

7

सबसे अच्छा समाधान सीएसएस (input[type="text"]) में विशेषता चयनकर्ता है जैसा कि अन्य ने सुझाव दिया है।

लेकिन यदि आपको आईई 6 का समर्थन करना है, तो आप इसका उपयोग नहीं कर सकते (QuirksMode)। खैर, केवल तभी आपको इसका समर्थन करने के लिए तैयार होना चाहिए।

इस मामले में आपका एकमात्र विकल्प इनपुट तत्वों पर कक्षाओं को परिभाषित करना प्रतीत होता है।

<input type="text" class="input-box" ... /> 
<input type="submit" class="button" ... /> 
... 

और उन्हें एक वर्ग चयनकर्ता के साथ लक्ष्य:

input.input-box, textarea { background: cyan; } 
संबंधित मुद्दे