primefaces 选项卡视图的 CSS答案

【问题标题】：Css of primefaces tab viewprimefaces 选项卡视图的 CSS
【发布时间】：2012-04-02 10:35:10
【问题描述】：

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

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

火狐：

互联网浏览器：

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

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>

请帮忙。

【问题讨论】：

嗨，塔伦。你需要展示一些代码什么的。
您为解决您的问题提供了更多说明。没有更多说明，任何人都无法理解您的问题
我知道理解问题需要代码。但我的问题是特定于浏览器的，我使用的是 primefaces 的一般标签，没有别的。我只是想知道如何以及需要覆盖哪些所有属性来修改 CSS。但我仍然添加了代码。请回复。

标签： css primefaces tabview

【解决方案1】：

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

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

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

不要忘记 !DOCTYPE ...

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

【讨论】：