-1

我想要 ie 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]-->
4

2 回答 2

2

尝试这个：

你需要在里面提到css属性<style>

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

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

欲了解更多信息，请通过此链接

 document.head.innerHTML += "the above text here"; //not sure whether this will fix that or not.
于 2013-06-14T09:59:34.750 回答
1

解决方案 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及以下。

于 2013-06-14T10:02:44.187 回答