2011-03-30 15 views
6

आईई 9 सभी विस्तारित चेकबॉक्स प्रस्तुत करें और अन्य सभी ब्राउज़र चेकबॉक्स का आकार रखें लेकिन एक क्लिक सक्षम अदृश्य क्षेत्र का विस्तार करें।आईई 9 चेकबॉक्स आकार

क्या यह व्यवहार अन्य ब्राउज़र (अदृश्य क्षेत्र) के व्यवहार को बदले बिना, सीएसएस के माध्यम से आईई 9 में अक्षम किया जा सकता है?

सामान्य चेकबॉक्स होना असंभव प्रतीत होता है। अन्य संगतता मोड का चयन करके भी।

मेरे पास विंडोज विस्टा एसपी 2, 64 बिट्स, आईई 9.0.8112.16421 है। उसी कॉन्फ़िगरेशन के साथ 2 कंप्यूटरों पर परीक्षण किया गया।

enter image description here

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset=utf-8> 
    <title>IE IS GREAT?</title> 
    <style> 
    body 
    { 
    } 

    #test_checkbox 
    { 
     width: 300px; 
     height: 300px; 
    } 
    </style> 
    </head> 
    <body> 
    <div id="test_box"> 
     <input type="checkbox" id="test_checkbox" /> 
    </div> 
    </body> 
</html> 
+1

कोड का नमूना है कि आप क्लिक करने योग्य क्षेत्र का विस्तार करने की अनुमति देगा? आपका दस्तावेज़ किस दस्तावेज़ मोड में है? (एफ 12 डेवलपर टूल्स देखें) – EricLaw

+1

मैंने यहां एक टेस्ट पेज सेट किया था: http://froyo.tv/test/index_checkbox.php – user457015

+1

सामान्य चेकबॉक्स होना असंभव प्रतीत होता है। अन्य संगतता मोड का चयन करके भी। – user457015

उत्तर

1

हो सकता है कि आप एक लेबल का उपयोग कर सकते हैं?

<label for="test_checkbox" style="display: block; width: 300px; height: 300px;"> 
    <input type="checkbox" id="test_checkbox" /> 
</label> 

संपादित करें: उदाहरण केंद्रित:

<label for="test_checkbox" style="display: block;"> 
    <input type="checkbox" id="test_checkbox" style="margin: 150px;" /> 
</label> 
+0

आईई 9 वास्तव में इस मामले में करने के लिए निर्देशित करने के संदर्भ में कुछ सही कर रहा है ... लेबल के अंदर चेकबॉक्स चिपकाएं और उस लेबल में आयाम लागू करें। –

+0

शायद आईई 9 सही है, लेकिन चूंकि सभी अन्य अलग-अलग काम कर रहे हैं, यह गलत है! – user457015

+0

इस समाधान के साथ चेकबॉक्स ऊंचाई के लिए लंबवत केंद्रित नहीं है। – user457015