Question

我正在开发一个angular2项目，因为我正在使用第三方组件Angular2-tree-component。在该组件JS文件中，他们使用颜色编码突出显示具有X颜色代码的特定节点。我想用Y颜色代码修改它但不能这样做。在下面的原始JS文件中是代码行：

.tree-node-focused＆gt; .node-wrapper＆gt; .node-content-wrapper {background：＃e7f4f9}

我正在尝试将此颜色编码覆盖到以下html代码的其他代码：

  <p-panel header="Schema">
    <div class="row">
      <div class="col-sm-12">
        <Tree #tree [nodes]="LHSNodes" [focused]="true" [options]="optionsForLHS" (onInitialized)="getLHSTree(tree.treeModel)">
          <template #treeNodeTemplate let-node >
            <span>
              <input type="checkbox" name="node.data.selected" value="{{node.data.selected}}" (click)= "onCheckBoxClick($event, node, 'LHS')" [(ngModel)]="node.data.selected">
           <label *ngIf="!node.data.isEdit">{{node.data.documentUri}}</label> 
            <input *ngIf="node.data.isEdit" id="node.data.documentUri" value="{{node.data.documentUri}}" [(ngModel)]="node.data.documentUri" type="text" size="10" pInputText (keyup.enter)="updateName(node)" />
           </span>
          </template>
        </Tree>
      </div>
    </div>
  </p-panel>

我不明白我应该在我的css文件中写什么，因为同一行代码不能使用更新的值。如果需要进一步澄清，请告诉我。

如何覆盖Angular2树组件CSS

0 个答案: