मैं वेबकिट में एक विकल्प तत्व की ऊंचाई को कैसे नियंत्रित कर सकता हूं?

Question

यह वास्तव में सरल लगता है लेकिन मुझे यह भी कुछ नहीं मिल रहा है कि यह संभव है, इसे अकेले कैसे करें।

मेरे पास एक ऐसा पृष्ठ है जो विस्तारित/एकाधिक select एस का उपयोग करता है, और मैं विकल्पों की ऊंचाई को नियंत्रित नहीं कर सकता। वे वास्तव में snug देखो। फ़ायरफ़ॉक्स में, optionheight और line-height दोनों के लिए सीएसएस मान वांछित प्रभाव प्रतीत होते हैं, जैसा कि padding है, लेकिन क्रोम 8 या सफारी 5 में नहीं है। क्या मुझे कुछ याद आ रहा है? यहां मेरे कोड का एक नमूना है। मैंने कुछ भी ऐसा किया है जो विकल्प को प्रभावित कर सकता है यदि कुछ ओवरराइडिंग मूल्य है जो मुझे याद आ रहा है।

body, input, select, checkbox { 
 
    font-family:'Avenir Lt Std',AppleGothic,'century gothic',Verdana,sans-serif; 
 
    font-size: 15px; 
 
    font-weight:200; 
 
    line-height: 18px; 
 
} 
 

 
input, select { 
 
    color:#4c2a18; 
 
    border: 1px solid #cfc8b4; 
 
    background-color:#ffffff; 
 
    -moz-border-radius: 0; 
 
    -webkit-border-radius: 0; 
 
    border-radius: 0; 
 
    margin:0; 
 
} 
 

 
option { 
 
    height: 35px; 
 
    padding:5px; 
 
    line-height: 35px; 
 
}

<select size="5"> 
 
    <option value="">This is option 1</option> 
 
    <option value="">Option 2</option> 
 
    <option value="">Just trying to show how the line height thing works.</option> 
 
</select>

आप कार्रवाई here में देख सकते हैं।

Answer 1

यह संभव नहीं क्रोम में the electric toolbox के अनुसार है,:

एक optgroup पर स्थापना गद्दी या विकल्प क्रोम में कोई प्रभाव नहीं तो तुम खरोज की मात्रा को नियंत्रित नहीं कर सकते है। आप क्रोम में पूरी तरह से चयन के लिए पैडिंग सेट कर सकते हैं ( के रूप में आप IE8 के साथ कर सकते हैं) लेकिन यह वास्तव में अजीब दिखता है। आईई 8 के विपरीत आप इसे पर क्लिक कर सकते हैं, इसे चुनने के लिए कहीं भी को पैडिंग कर सकते हैं।