IE 9 Checkbox Размеры - PullRequest
Новая
       27

IE 9 Checkbox Размеры

6 голосов
/ 31 марта 2011

В IE9 все флажки рендеринга растянуты, и ВСЕ другие браузеры сохраняют размер флажка, но расширяют невидимую область, способную щелкать мышью.

Может ли это поведение быть отключено в IE9 через css без изменения поведения другого браузера (невидимая область)?

Кажется невозможным установить нормальный флажок. Даже при выборе другого режима совместимости.

У меня 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>

1 Ответ

1 голос
/ 31 марта 2011

Может быть, вы можете использовать ярлык?Это позволит вам расширить область, на которую можно нажать: 

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