css - 样式化 PrimeNG p-tabView

标签 css primeng tabview

我无法设置 PrimeNG TabView 的文本样式.

这是 Stackblitz显示问题。

我错过了什么?

最佳答案

解决问题的一种方法是覆盖有关 tabview 标题的 PrimeNG 类:ui-tabview-title

类似的东西

.ui-tabview-title {
  color: red;
}

应该可以解决问题。请务必在 PrimeNG 之后调用该 CSS。

编辑

您可以使用 :first-child 属性在第一个选项卡标题上应用 CSS:

ul.ui-tabview-nav li:first-child span {
  color: red;
}

查看工作 StackBlitz .

关于css - 样式化 PrimeNG p-tabView,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53430376/

相关文章:

jsf - primefaces tabView activeIndex 问题

html - SVG <symbol> 不会像其他的那样缩放

css - 覆盖 rmarkdown 主题以更改 html 页面宽度

javascript - 如何将 <select> 元素合并到 Bootstrap 下拉列表中?

angular - primeng数据表从列中获取值

angular - 有条件地将 CSS 规则应用于 *ngFor 循环中的元素

ios - 基于内容的具有 PageTabViewStyle 动态高度的 SwiftUI TabView

CSS - 如何将可变高度和宽度的 div 置于另一个 div 的中心?

javascript - p-dropdown 未正确显示标签

android - setOnTouchListener 不适用于 android fragment