Primefaces选项卡视图的Css

Question

我正在使用primefaces的标签视图。我正面临着两个问题。

1）在IE中，我正在垂直而不是水平地看到标签。但是在Firefox中它可以工作。

FireFox：

Internet EXplorer：

要覆盖哪个类以在水平视图中使用制表符。

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

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