Question

IE9渲染复选框全部拉伸，所有其他浏览器保持复选框的大小，但展开一个可点击的隐形区域。

可以通过css在IE9中禁用此行为，而无需更改其他浏览器（不可见区域）的行为吗？

这似乎不可能有正常的复选框。即使选择其他兼容模式。

我有Windows Vista SP2,64位，IE 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>

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

IE 9复选框大小调整

1 个答案: