如何覆盖PrimeNG的<p-accordion>标签默认样式

codeDigger

以下是我的html代码片段。我正在尝试将标签标题显示为的标签Users,但accordion标签始终标签显示为下划线。

<div class="ui-g">
  <p-accordion id="tabsHeader">
      <p-accordionTab>
            <p-header>
                <span>Users</span>
            </p-header>
      </p-accordionTab>
  </p-accordion>
</div>

我尝试将text-decoration属性设置设置到none相应的CSS文件中,但这无济于事,并且始终显示带下划线的标头。

  #tabsHeader{
     text-decoration : none; 
  }

需要有关如何更改默认样式(在本例中为带下划线的文本)的帮助。谢谢。

历史

我正在使用更改任何Primeng组件的样式

:主机/深层/


您可以这样删除下划线。

component.scss

:host /deep/ .ui-accordion .ui-accordion-header:hover a{
  text-decoration: none ;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章