无法在 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

在设置样式之前添加： ::ng-deep .productTree { } 它将在您自己的 UI 组件

中制作样式

无法在 kendo-treeview 中为 kendo-checkbox 应用 css 样式

Cannot apply css style for kendo-checkbox inside a kendo-treeview

css

kendo-ui

kendo-treeview

angular