Question

我想要8不同的css，我这样做但不能正常工作

/* for all browsers other than IE. */
input[type=checkbox]
{
  font-size: 12px;
  line-height: 1.2em;
  -webkit-appearance: none;
  background: url(../../images/uncheck.png) no-repeat right;
}


<!--[if IE 8]>
input[type=checkbox]
{
  font-size: 12px;
  line-height: 1.2em;
  -webkit-appearance: none;
}
<![endif]-->

Answer 1

试试这个：

您需要在<style>

中提及css属性

在HTML文件的head标记中添加以下内容，但不在css文件或其他<style标记中添加。

<!--[if IE 8]>
    <style>
        input[type=checkbox] {
            font-size: 12px;
            line-height: 1.2em;
            /* -webkit-appearance: none; */
        }
    </style>
<![endif]-->

有关详情，请参阅 link

 document.head.innerHTML += "the above text here"; //not sure whether this will fix that or not.

Answer 2

解决方案1 

在HTML中，执行以下操作：

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8.css"></link>
<![endif]-->

<link rel="stylesheet" type="text/css" href="stylesheet.css"></link>

然后将您的IE8 css放入ie8.css。实际的.css文件

中不能包含条件注释

解决方案2

或将您的DOCTYPE更改为：

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

所以你可以做.lt-ie9 .your-class，它将被应用到IE8及其下。

复选框样式表仅适用于ie8

2 个答案: