IE 9複選框大小調整

IE9渲染複選框全部拉伸，所有其他瀏覽器保持複選框的大小，但展開可點擊的不可見區域。IE 9複選框大小調整

在IE9中通過css禁用此行爲而不改變其他瀏覽器（不可見區域）的行爲？

這似乎是不可能有正常的複選框。即使通過選擇其他兼容模式。

我有Windows Vista SP2，64位，IE 9.0.8112.16421。在兩臺配置相同的計算機上進行測試。

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>

來源

2011-03-30 user457015

代碼示例？您的文檔在哪種文檔模式下？（請參閱F12開發人員工具） – EricLaw 2011-03-31 02:24:51

我在此處設置了測試頁面：http://froyo.tv/test/index_checkbox.php – user457015 2011-03-31 08:44:59

這似乎不可能具有正常的複選框。即使通過選擇其他兼容模式。 – user457015 2011-03-31 08:46:16

也許你可以使用標籤？這將允許你擴大可點擊區域：

<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>

來源

2011-03-31 12:27:02 RoToRa

在這種情況下，IE9實際上正在執行指定要做的事情......將複選框粘貼到標籤內並將尺寸應用於該標籤。 – 2011-03-31 12:30:54

也許IE9是對的，但由於所有其他人都做了不同的事情，這是錯誤的！ – user457015 2011-03-31 21:45:45

使用此解決方案時，複選框不是垂直居中的高度。 – user457015 2011-03-31 21:46:32

IE 9複選框大小調整

回答

相關問題