2009-02-06 4 views
17

क्या आईई 6 के तहत सभी <input type="text"> तत्वों के लिए एक निश्चित शैली को लागू करने का कोई शानदार तरीका है? मैं इसे कुछ जावास्क्रिप्ट के साथ कर सकता हूं, लेकिन मैं सोच रहा था कि ऐसा करने का एक और शानदार तरीका था।आईई 6 सीएसएस में <इनपुट प्रकार = "टेक्स्ट"> शैली कैसे बनाएं?

नोट - मैं हाथ से सभी टेक्स्टबॉक्स में एक निश्चित कक्षा लागू नहीं कर सकता। और मैं avoid CSS expressions करना चाहता हूं।

उत्तर

14

AFAIK, IE6 attribute selectors का समर्थन नहीं करता है, तो मुझे लगता है कि जवाब नहीं है। आपको निम्न में से एक का उपयोग करना होगा:

  1. सभी <input type="text"/> तत्वों में एक सामान्य श्रेणी विशेषता जोड़ें।
  2. सुझाए गए अनुसार जावास्क्रिप्ट का उपयोग करें।

जिनमें से आप से बचना चाहते हैं। बहुत बुरा।

+0

jQuery जावास्क्रिप्ट स्टाइल को बहुत कम दर्दनाक बना सकता है क्योंकि यह सीएसएस – Aleris

+1

@Alertis के साथ चयन फ़िल्टर का समर्थन करता है: सच है, लेकिन यह अभी भी जावास्क्रिप्ट है। –

+0

यह एक आंतरिक उपयोग वेब एप्लिकेशन है जो किसी भी तरह जावास्क्रिप्ट पर निर्भर करता है। स्टाइल के लिए इसका इस्तेमाल करना कोई समस्या नहीं है। मैंने सोचा कि क्या कोई बेहतर तरीका है। –

1

क्या आपके पास अन्य इनपुट तत्व भी हैं जिन्हें आप "टेक्स्ट" तत्व से अलग शैली बनाना चाहते हैं? यदि नहीं, तो सिर्फ सीएसएस के साथ सभी इनपुट तत्वों के लिए शैली लागू होते हैं:

input { 
border: 1px #8194b2 solid; 
font : normal 100% "Tahoma", sans-serif; 
} 
+0

दुर्भाग्य से मैं वास्तव में अन्य प्रकार अप्रभावित छोड़ना चाहते हैं। मैं ऊंचाई और पृष्ठभूमि रंग जैसी चीज़ों को बदल दूंगा, इसलिए यह एक चेकबॉक्स पर बहुत बुरा दिखाई देगा। –

+0

दरअसल। चूंकि आप केवल कुछ मामूली स्टाइल के लिए जावास्क्रिप्ट का उपयोग कर रहे हैं, मुझे लगता है कि आप इसका उपयोग कर उचित ठहर सकते हैं। यह जावास्क्रिप्ट के बिना अल्पसंख्यक के लिए कार्यक्षमता को प्रभावित नहीं करेगा। – Stuart

1

क्या आपके लिए इनपुट तत्व आपके लिए एक तत्व विशेषता डाल रहा है?

input.text {

// कुछ सीएसएस गुण और यहाँ मूल्यों ....

}

  • शायद अधिक जे एस
8

से सुरुचिपूर्ण यदि आप jQuery का उपयोग करते हैं, तो इसे अपने ऑनडोमरेड में जोड़ने का प्रयास करें:

$('input[type="text"]').addClass('typeText'); 

फिर अपने सीएसएस में आप ऐसा कुछ कर सकते हैं:

input.typeText, input[type="text"] { 
    color:#efefef; 
}