css - 如何仅为特定的 IE 浏览器设置 CSS？

Question

我有一个 CSS/jQuery 复选框样式脚本:http://jsfiddle.net/BwaCD/

问题是，在当前的浏览器中，为了让跨度 float 在输入上，输入的位置必须是绝对的。但在 IE8 及以下版本中，该脚本将不起作用，因此我只剩下 float 在其他元素上的绝对定位输入。我不要求脚本在 IE8 及以下版本中工作。

我想知道如果是 IE8 及以下版本，我如何使用 CSS 设置特定样式。 我想如果有必要，jQuery 是可以接受的，但我认为不是。我知道这可以只用 CSS 和 HTML 来完成，我只是不知道如何做。

Answer 1

条件注释可以工作 ( <!--[if lte IE 8]><stylesheet><![endif]--> )，但如果您想在样式表中完成所有操作，可以使用 is a way :

body {  
    color: red; /* all browsers, of course */  
    color: green\9; /* IE only */  
}

这里重要的是“\9”，它必须正好是“\9”。我不清楚这是为什么。

编辑:\9 hack 本身是不够的。要排除 IE9，您还需要 :root hack :

:root body {
    color: red\9; /* IE9 only */  
}

除 IE 之外的其他浏览器可能支持 :root ，所以如果您使用它来针对 IE9，请将它与\9 hack 结合使用。