时间戳

首页 > 解决方案 > 想知道如何通过 tabview 样式属性更改标题？

css - 想知道如何通过 tabview 样式属性更改标题？

问题描述

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

我在css中试过这个，但它改变了所有的标题：

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

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

标签： cssprimefacestabview

解决方案

给你的 tabView 一个类：

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

使用 CSS 后代选择器仅对具有此类的 tabView 进行样式设置：

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

推荐阅读