Question

我使用knockout js来渲染我的UI。此外，我使用reset.css来清除我的样式。我在我的重置css中有这个：

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

在我的样式文件中：

.wysiwyg ol, .wysiwyg ul
{
    list-style: inherit !important;
    padding-left: 15px;
    margin-bottom: 10px;
}
.wysiwyg ol li
{
    list-style: decimal outside;
}
.wysiwyg ul li
{
    list-style: disc outside;
}

问题在于列表的样式不适用于IE7。但是当我在仿真模式下使用IE9并按下“编辑”按钮而不是保存标记时，一切都变好了。所以我认为这是css类链接和继承的问题。有人可以提前帮助强制IE7使用我的css类吗？

Answer 1

IE＆lt; 8存在大量继承问题。解决这个问题的最简单方法是重新声明样式而不是继承，如果可能的话。

你也可以尝试使用ie7-js，试图使IE7的行为像符合标准的浏览器。它工作得很好，但并不完美：使用重置样式表时可能会遇到问题。试一试，看看它是否适合你。

第三种可能性是使用像这样的IEs css表达式（注意：这是直接输入我的头，没有经过测试 - 但你应该明白这一点）：

list-style:inherit; /* standards-compliant browsers */
//list-style:expression(this.parentNode.currentStyle['listStyle']); /* IE */

IE7 + css类继承

1 个答案: