Css 如何删除节点的高光颜色

我有一个素数树（Angular 2），我想删除选中的节点高亮显示颜色

基于图像，我想删除蓝色高光颜色

相反，我想得到这种风格：

以下是我的风格：

.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;
}

---

可以通过以下设置替代原始样式：

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

一些解决方案：

1） 使用ng deep

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

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

span.ui-treenode-label.ui-corner-all.ui-state-highlight {
   background-color: transparent;
   color: inherit;
}

---

另外，尝试使用SASS。它将使您的CSS更具可读性和智能性。你会喜欢的。顺便说一下，您应该删除代码中的重要性。使用重要信息不是一种好的做法。

我不会说永不。。。使用它并不总是坏事！重要的。但你必须知道在哪里使用它。在大多数情况下，最好用一些精心策划的CSS来避免它。但是，由于他正在用深度选择器覆盖现有的CSS，我认为在这种情况下使用它没有什么不好的做法。这对我很有用！，谢谢您知道如何更改文件夹颜色吗？+1-此解决方案允许用户避免使用CSS重要规则。这很少是个好主意。见：