想知道如何通过 tabview 样式属性更改 header 吗？

Question

我正在做一个项目，使用：jsf、primefaces、css 布局编辑... 我只需要更改一个 tabview 的背景而不影响项目中的所有其他 tabview。我知道有一个属性：.ui-widget-header。如果我在 css 文件中更改此属性，则所有 headers 都会更改。想知道如何通过 tabview 样式更改加热器属性?

我在 css 中试过这个，但它改变了所有 headers:

 .ui-widget-header {
      border: 1px solid #56585C;
      background: #424548;
      color: #F9F7F7;
      font-weight: bold;
    }

我的目标是在不影响主 tabView 的情况下从另一个 tabView 中包含的 tabView 获取背景

Answer 1

给你的 tabView 一个 class:

<p:tabView styleClass="certain-tabview-class"

使用 CSS 后代选择器仅使用此 class:

设置 tabView 的样式

.certain-tabview-class .ui-widget-header {

想知道如何通过 tabview 样式 属性 更改 header 吗？

Want to know how I can change the header through the tabview style property?

css

primefaces

tabview

想知道如何通过 tabview 样式属性更改 header 吗？