【问题标题】:How to change background-color of primeng p-tabview header on active state?如何在活动状态下更改primeng p-tabview标头的背景颜色?
【发布时间】:2019-03-09 01:13:10
【问题描述】:
<div class="task-details">
<p-tabView>
 <p-tabPanel header="Task Details" [selected]="false" id="taskd"></p-tabPanel>
<p-tabPanel header="LOGS" [selected]="false" id="logs" >
  <div class="logdetailsdata">
  </div>
</p-tabPanel>
</p-tabView>
</div>

在活动状态下,标题背景颜色应更改为 rgb(0,30,255)。怎么改?

【问题讨论】:

  • 我要覆盖现有的css背景色
  • .ui-tabview-nav li.ui-state-active { background-color: rgb(0,30,355) !important; }
  • 我忘了把 !important 放在我的 CSS 中,这样它才能正常工作。

标签: angular primeng


【解决方案1】:

在 CSS 中尝试hover

hover { 
  background-color: rgb(0,30,255);
}

https://www.w3schools.com/cssreF/sel_hover.asp

【讨论】:

  • 实际上,这与prime ng tabview有关,而不是通用的css class/id。这不是正确的解决方案。
  • 对不起,我当时没看懂你的问题
猜你喜欢
  • 1970-01-01
  • 2021-02-22
  • 1970-01-01
  • 2020-03-08
  • 2013-10-19
  • 2022-08-12
  • 1970-01-01
  • 2014-03-14
  • 1970-01-01
相关资源
最近更新 更多