仅适用于ie8的复选框样式表

本文关键字：样式 复选框 适用于 ie8 | 更新日期: 2023-09-27 18:18:36

我想要不同的css ie8，我这样做，但不工作

/* 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]-->

仅适用于ie8的复选框样式表

试试这个:

你需要在<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]-->

更多信息，请访问链接

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

方案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及以下版本

相关文章：