primefaces 选项卡 View 的 Css

Question

我正在使用 primefaces 的选项卡 View 。我在其中面临两个问题。

1) 在 IE 中，我看到的选项卡是垂直的，而不是水平的。但在 Firefox 中它有效。

火狐:

互联网浏览器:

SO 要覆盖哪个类才能在水平 View 中显示选项卡。

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 ...

...一个非常古老的问题，但我记得前段时间我为这个问题所头疼过