Question

我正在使用ng-bootstrap手风琴。如果有错误，我需要在ngb-accordion中显示面板的标题。因为我在ngb-accordion里面有形式。

我有一个表格，我使用ngb-accordion将我的表格分成两部分。假设 第一个面板（ngb-panel）包含联系方式和 第二个面板包含教育详情。

如果第一个面板下的字段有错误，则其标题颜色需要更改为红色。由于在显示UI时会创建标题的DOM元素。我无法动态更改颜色。

<form>
   <div class="card">
       <div role="tab" id="[object Object]-header" class="card-header active">
         <a href="" aria-expanded="true" aria-controls="[object Object]" aria-disabled="false">First Panel</a>
       </div>

        ....................... 
        --Other Contents---
        ........................
        ............................ 
  </div>

呈现内容

dotnet publish MyProjectSolution.sln /nologo /p:PackageLocation="C:\Some\Path\AESWebPortal" /p:OutDir="C:\Some\Path\out" /p:DeployOnBuild=false /p:WebPublishMethod=Package /p:PackageAsSingleFile=true /maxcpucount:1 /p:platform="Any CPU" /p:configuration="Release" /p:DesktopBuildPackageLocation="C:\Some\Path\package\package.zip"

有人可以帮助我吗？

Answer 1

您可以通过深入了解ngb-手风琴样式。

示例，您可以将其添加到css文件中以更改标题

/deep/ ngb-accordion{

  .btn-link{
    margin-bottom: 0;
    color: #656565;
    font-size: 1.2rem;
    font-weight: normal;
    background-color: transparent;
    text-decoration: none!important;

  }

 .btn-link:hover{
     color: #df5329;
     font-weight: bold;
    text-decoration: none!important;
  }
}

ng-bootstrap手风琴面板颜色变化

1 个答案: