Question

我有一个PrimeNg树（角度2），我想删除所选节点的突出显示颜色。

基于图像，我要删除蓝色突出显示颜色。

相反，我想获得这种样式：Style I want

这是我的风格：

.ui-tree {
  width: 100%;
}

body .ui-widget-content {
  border: none !important;
}

span.ui-treenode-label {
  font-family: Poppins !important;
  line-height: 24px !important;
  font-size: 14px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

span.ui-treenode-icon {
  line-height: 24px !important;
  font-size: 1.2rem !important;
}

.ui-tree .ui-chkbox .ui-chkbox-icon {
  margin-left: 0px;
}

.ui-tree .ui-treenode-children {
  padding-left: 20px !important;
}

.hidden-tree-node {
  display: none;
}

.ui-state-highlight .ui-widget-content {
  color: white;
}

Answer 1

您可以通过设置以下内容来覆盖原始样式：

span.ui-state-highlight {
    background-color: transparent !important;
    color: inherit !important;
}

Answer 2

一些解决方案：

1）使用ng-deep

structure

2）以更具体的方式定位元素

::ng-deep {
  span.ui-state-highlight {
    background-color: transparent;
    color: inherit;
  }
}

此外，尝试使用SASS。它将使您的CSS更具可读性和更智能。你会喜欢的。顺便说一句，您应该从代码中删除重要性。使用重要知识不是好习惯。

如何删除节点的突出显示颜色

2 个答案: