1

我使用淘汰赛 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 类吗？

4

1 回答 1

1

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

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

第三种可能性是使用像这样的 IE css 表达式（注意：这是直接从我的脑海中输入的，未经测试 - 但你应该明白）：

list-style:inherit; /* standards-compliant browsers */
//list-style:expression(this.parentNode.currentStyle['listStyle']); /* IE */
于 2012-04-19T09:31:43.743 回答