angular - Kendo Treeview 的复选框样式问题

Question

普通复选框的样式工作正常，但是当单击树中的复选框时，树的组复选框会改变。这是一个连字符，我找不到让它变小的方法。我把复选框变小了，现在复选框中的连字符看起来很奇怪。如何使用 scss 设置该元素的样式？

下图显示了当前的结果



我尝试了以下代码，并且 :before 和 :after 部分适用于检查图标和复选框大小。

.k-checkbox {
  font-size: 8px;
}
.k-checkbox-label {
  font-size: 8px;
}
.k-checkbox-label:before {
  width: 16px;
  height: 16px;
  font-size: 8px;
}
.k-checkbox-label:after {
  width: 16px;
  height: 16px;
  font-size: 8px;
}

理想情况下，我希望组复选框图标始终与选中的复选框相同。 (如果你先点击它)

Answer 1

尝试在 style.css 的末尾添加此 CSS 规则:

 checkbox:indeterminate+.k-checkbox-label::after {
    width: 8px;
 }