सीएसएस के माध्यम से टैग का आकार विशेषता सेट करें?

Question

आम तौर पर आप यह कर सकते हैं:

<select size="3"> 
    <option>blah</option> 
    <option>blah</option> 
    <option>blah</option> 
</select> 

और यह
एक selectionbox जहां सभी तीन विकल्प दिखाई दे रहे हैं (नीचे गिर के बिना) मैं सीएसएस से इस आकार विशेषता निर्धारित करने के लिए एक रास्ता तलाश कर रहा हूँ के रूप में प्रस्तुत करना होगा।

Answer 1

आकार निर्धारित करने के लिए कोई विकल्प नहीं है, लेकिन यदि आप आकार सेट करते हैं तो कुछ ब्राउज़र आपको चौड़ाई/ऊंचाई गुणों को सीएसएस के माध्यम से जो कुछ भी चाहते हैं उसे सेट करने देंगे।

कुछ = फ़ायरफ़ॉक्स, क्रोम, सफारी, ओपेरा।

IE में

ज्यादा नहीं काम करता है, हालांकि (कोई आश्चर्य की बात)

आप हालांकि, यदि आप चाहते थे, IE में उपयोग सीएसएस भाव, अगर आकार विशेषता सेट किया गया है की जाँच करने के सकता है, और यदि हां, तो (फिर से करने के लिए जे एस चलाने) इसे अपने इच्छित आकार में सेट करें ... उदाहरण के लिए

size = options.length; 

Answer 2

मैं नहीं मानता कि यह संभव है कोई

Answer 3

मुझे नहीं लगता कि कि यह संभव है।

सीएसएस गुण बहुत सामान्य (किसी भी तत्व पर लागू होते हैं) हैं और किसी भी तरीके से (केवल दिखने वाले) तत्व की कार्यक्षमता को बदलने में असमर्थ हैं।

आकार विशेषता कम से कम आकार = 1/आकार के मामले में तत्व की कार्यक्षमता को बदल रहा है! = 1.

Answer 4

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

Answer 5

मैं सहमत नहीं, मैं कुछ इस तरह से चयन चौड़ाई और ऊंचाई सीएसएस का उपयोग कर सेट करने में सक्षम है:

IE में

select { width: 5em; height: 5em; } 

वर्क्स (7) के साथ-साथ मैं सिर्फ यह परीक्षण किया गया।

Answer 6

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

select[attr=size] { 
    width:auto; 
    height:auto; 
} 

Answer 7

आप आकार विशेषता के साथ शैली आइटम का चयन करने के लिए CSS चयनकर्ता निम्न का उपयोग कर सकते हैं:

select[size]{ 
/*your style here */ 
}