css - IE7 + css类继承

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 <8 在继承方面存在大量问题。解决这个问题的最简单方法是重新声明样式而不是继承，如果这对您来说可能的话。

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

第三种可能性是像这样使用 IE 的 css 表达式(注意:这是直接从我的脑海中输入的，没有经过测试——但你应该明白这个想法):

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