css - primefaces 选项卡视图的 CSS

Question

我正在使用 primefaces 的选项卡视图。我面临两个问题。

1）在 IE 中，我看到的是垂直而不是水平的选项卡。但在Firefox中它可以工作。

火狐：

IE浏览器 ：

所以要覆盖哪个类以在水平视图中有选项卡。

2) 如您所见，Firefox 和 IE 中未选中选项卡的颜色不同。我还需要覆盖未选定选项卡和选定选项卡的样式类（我尝试这样做，我在 Firefox 中非常成功，但在 IE 中 .. 它不起作用:(

我的代码是：

    <p:tabView value="#{bean.myDTO}" var="category" id = "tabView" styleClass="TabbedPanelsTabGroup" dynamic="true" onTabChange="handleTabChange(index)">
       <p:ajax event="tabChange" listener="#{bean.onTabChange}" /> 

        <p:tab id = "tab" title = "#{category.category}" titleStyleClass="TabbedPanelsTab TabbedPanelsTabSelected TabbedPanelsContentGroup">

---------Some content------
</p:tab>
</p:tabview>

请帮忙。

Answer 1

在这种情况下，您无需为 IE 使用特定的 CSS 更正任何内容。只需使您的页面与旧 IE 版本兼容，将其添加到标题中：

<meta http-equiv="X-UA-Compatible" content="IE=8" />

我正在使用 Servlet 过滤器添加它，但还有其他方法可以做到这一点。

并且不要忘记 !DOCTYPE ...

...一个非常古老的问题，但我记得前段时间我对这个问题的所有头痛