Internet Explorer 8 and Checkbox CSS Problem

后端未结

关注

 4  1193

I\'m currently having problems with Internet Explorer 8 ignoring padding/line-heights that I have on a list which includes a check box.

To start off here is my CSS and X

相关标签:

4条回答

半阙折子戏

2021-01-22 16:20

// fix for ie8 printed checkbox bug using jquery
$('input[type=checkbox]').live('change', function(){
    if($(this).is(':checked')){
        $(this).attr('checked', true);
    } else {
        $(this).attr('checked', false);
    }
});

IE8 checkbox not printing bug fix using jQuery

0 讨论(0)

温柔的废话

2021-01-22 16:34

My limited experience with IE8 so far has been that it's very picky about proper markup. Accordingly, you've got a close tag with no corresponding head. Check that out and see if it helps.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.users.on.net%2F~prashyanthy%2Ftext.html&charset=%28detect+automatically%29&doctype=Inline&group=0

0 讨论(0)
发布评论:

提交评论
- 加载中...
栀梦

2021-01-22 16:39
I was also once having some problems with IE8. So, I declared a different doctype and it worked!!

Currently, you are suing xhtml transitional.

Try this:(ok, edited)
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
```
read more about doctypes and how can they fix sites here: A list apart-Fix your site with right doctype
0 讨论(0)
发布评论:

提交评论
- 加载中...
梦谈多话

2021-01-22 16:42

It seems that in IE (and Opera as it happens) the checkbox doesn't participate in the inline content of the li, so, since the label doesn't either because it's floated, the line-height setting for the li has no effect.

Add a   after the label in the checkbox line, and that will be sufficient for the line-height to take effect, and all the li s will be the same height.

0 讨论(0)
发布评论:

提交评论
- 加载中...