Geek Answers Handbook

IE 9 flag calibration

IE9 renders the checkboxes all stretched, and ALL other browsers keep the flag size, but expand the invisible click area.

Is it possible to disable this behavior in IE9 via css without changing the behavior of another browser (invisible area)?

It seems that it is not possible to set a normal checkbox. Even choosing a different compatibility mode.

I have Windows Vista SP2, 64 bit, IE 9.0.8112.16421. Tested on two computers with approximately the same configuration.

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>
+6
html css cross-browser html5 internet-explorer-9
source share
1 answer

Maybe you can use a shortcut? This will allow you to expand the area with clicks:

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

EDIT: Example centered:

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

More articles:


All Articles