Moockigreeged
New Member
I hate IE7, it makes me ill. Please I need help with this, probably I am doing something wrong or ...This is my css:\[code\]input[type='checkbox'] { opacity: 0; float: left; width: 18px;}input[type='checkbox'] + label { margin: 0; clear: none; padding: 5px 0 4px 24px; /* Make look clickable because they are */ cursor: pointer; background: url(https://css-tricks.com/wufoo/themes/customradiosandcheckboxes/off.png) left center no-repeat;}input[type='checkbox']:checked + label { background-image: url(https://css-tricks.com/wufoo/themes/customradiosandcheckboxes/check.png);\[/code\]html:\[code\]<input id="Field2" name="Field2" type="checkbox" class="field checkbox" checked="checked"><label class="choice" for="Field2">First Choice</label><br><br><input id="Field3" name="Field3" type="checkbox" class="field checkbox"><label class="choice" for="Field3">Second Choice</label><br><br><input id="Field4" name="Field4" type="checkbox" class="field checkbox"><label class="choice" for="Field4">Third Choice</label></body>\[/code\]IE9 view:
IE7 & IE8
I found that someone said that it should work with "selectivizr.js" more detail son this website "http://selectivizr.com/"I did as they indicated:\[code\]<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="http://stackoverflow.com/questions/15532377/selectivizr.js"></script> <noscript><link rel="stylesheet" href="http://stackoverflow.com/questions/15532377/[fallback css]" /></noscript><![endif]-->\[/code\]This didnt fix the problem.I created this fiddle if someone would like to give a try! http://jsfiddle.net/6mUWk/