vuetreeselect修改选中样式问题？

<style scoped>
:deep(.vue-treeselect__checkbox--checked),
:deep(.vue-treeselect__checkbox--indeterminate) {
  border-color: red;
  background: red;
}
:deep(.vue-treeselect__label-container:hover :is(.vue-treeselect__checkbox--checked, .vue-treeselect__checkbox--indeterminate)) {
  border-color: red;
  background: red;
}
:deep(.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked) {
  border-color: red;
}
</style>