javascript - CSS 文件在 Chrome 中有效，但在 IE 中无效？

Question

我创建了一个 SAP Portal 自定义组件，其中包含一个 JSP 文件(带有我的 javascript 代码)。该组件位于带有另一个 iView 的 SAP Portal 页面上。此进一步的 iView(包含 iframe)包含多个标题 (,,) 和文本。我的目标是使用 javascript 动态创建一个目录 () 并使用如下所示的 CSS 文件对其进行样式设置，并将其添加到 iframe 中。 Javascript 在每个浏览器中运行良好并创建我的目录。不过，该样式仅适用于 Chrome。如果我在 IE 中打开页面，则不会应用 CSS。

#contentsdiv{
border: 1px solid #CCC;
display: inline-block;
*zoom: 1;
*display: inline;
padding: 5px 5px;
}


#contentstitle{
display: inline-block;
*zoom: 1;
*display: inline;
padding: 0px 0px 2px 0px;
}

#expandButton{
display: inline-block;
*zoom: 1;
*display: inline;
font-size:14px;
padding: 0px 0px 2px 2px;
text-decoration: none;
}

#expandButton:hover {
 cursor:pointer;
 text-decoration: underline;
}

#listdiv > ul{
padding-left:0px;
list-style-type: none;
padding-bottom:2px;
}

#listdiv > ul > li > ul, #listdiv > ul > li > ul >li >ul{ 
list-style-type: none;
padding-bottom:2px;
}

#listdiv > ul > li > a{
text-decoration:none;
font-size:14px;
}

#listdiv > ul > li > ul > li > a{
text-decoration:none;
font-size:14px;
}

#listdiv > ul > li > ul > li > ul > li > a{
text-decoration:none;
font-size:14px;
}

#listdiv > ul > li > a:hover , #listdiv > ul > li > ul > li > a:hover , #listdiv > ul > li > ul > li > ul > li > a:hover{
 text-decoration: underline;
}

有什么想法吗？

Answer 1

尝试删除属性前面的 *。