无法为kendo-treeview内的kendo-checkbox应用css样式

Question

我有一个

我的问题是，用于k-treeview的CSS是从scss文件应用的，但它没有应用于kendo-checkbox

我试过了

<kendo-treeview
        [nodes]="tcHolderProducts"
        class="productTree"
        [textField]="'text'"
        kendoTreeViewCheckable
        kendoTreeViewExpandable
        kendoTreeViewSelectable
        [(checkedKeys)]="checkedKeys"
        [children]="children"
        [hasChildren]="hasChildren"
      >
      </kendo-treeview>
and my css is :

  .k-treeview {
    column-count: 2;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    kendo-checkbox {
      padding-bottom: 10px;
    }
  }

已经使用了许多类，但没有任何帮助

Answer 1

尝试将您的scss放入全局style.scss文件中。

Answer 2

在设计样式之前添加this :ng-deep .productTree {}，它将在您自己的UI组件中创建样式