如何使用自定义类为Tab设置样式？
如何使用自定义类为Tab设置样式？
提问于 2018-03-03 05:22:17
我有5个选项卡，并希望使用自定义类将背景色设置为仅选项卡4。基本上，我有一个名为"myClass"的类，希望在我的css代码中使用它。
以元素为目标(表4)
有没有办法用我的班来瞄准表4？
，这是我的工作代码：
提前谢谢！
注：
- 使用自定义类的主要思想是使我不必使用nth-(4)。
- 使用我的自定义类+，我要寻找的就是PrimeNG类。我只是不想用 李:第九个孩子(4)
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-03-03 05:54:02
https://plnkr.co/edit/OYjprOc64lqkCRlqyYw4?p=preview
当您将headStyleClass放入方括号中时，如下面的[headStyleClass]，它将不会添加类名
所以您需要将它更改为headerStyleClass="myClass"
然后在你的css中
.ui-tabview .ui-tabview-nav > li.ui-state-default.myClass {
background: red !important;
}解二
您可以在html代码中创建如下的特定样式
<p-tabView>
<p-tabPanel header="Header 1">
Content 1
</p-tabPanel>
<p-tabPanel header="Header 2">
Content 2
</p-tabPanel>
<p-tabPanel header="Header 3">
Content 3
</p-tabPanel>
<p-tabPanel header="Header 4" [headerStyle]="{'background': 'red'}">
Content 4
</p-tabPanel>
<p-tabPanel header="Header 5">
Content 5
</p-tabPanel>
</p-tabView>Stack Overflow用户
发布于 2018-03-03 05:40:08
试试这个
.ui-tabview.ui-tabview-top > .ui-tabview-nav li.myClass {
background: red !important;
}这是您的自定义类.myClass
Stack Overflow用户
发布于 2018-03-03 05:44:15
下面是一个可以工作的柱塞：
https://plnkr.co/edit/dzBtVCu2F32J6XGA2Fvi?p=preview
它只使用.myClass { background-color: #f00 !important; }
基本上，您必须调整第四个选项卡的制作方式，如下所示：
<p-tabPanel header="Header 4" headerStyleClass='myClass'>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49080960
复制相关文章
相似问题
腾讯云开发者
