剑道树视图的复选框样式问题

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

尝试在styles.css的末尾添加此CSS规则：

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

Answer 2

感谢Ezanker给我看了看哪里。仅将宽度设置为8px是不够的，但是通过调整CSS规则使我能够更改行。我真的不知道发生了什么，为什么会起作用。

以下css规则给了我我想要的外观。

    .k-checkbox:indeterminate+.k-checkbox-label::after {
        width: 8px;
        height: 1.3px;
        top: 8px;
        left: 4px;
    }

由于复选框的宽度为16像素，因此其顶部和左侧居中。