想知道如何通过tabview style属性更改标题吗?

时间:2019-09-13 15:43:45

标签: css primefaces tabview

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

我在CSS中尝试过此操作,但它会更改所有标头:

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

我的目标是从另一个tabView中包含的tabView中获取背景,而不影响主tabView

1 个答案:

答案 0 :(得分:0)

提供标签以查看课程:

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

使用CSS后代选择器来设置此类的tabView的样式:

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