treeselect框中样式

您可以使用以下样式设置`treeselect`框的外观：

/* 设置treeselect样式 */
.v-select .v-select__selections {
  border-color: #c8ced3;
  background-color: #fff;
  color: #495057;
}

.v-select .v-select__selection {
  font-size: 14px;
}

.v-select .v-input__icon.v-input__icon--append {
  top: 2px;
}

.v-select .v-input__slot {
  height: auto;
  padding: 8px 12px;
}

.v-select .v-list-item__content {
  font-size: 14px;
}

.v-select .v-list-item__action {
  margin-right: 12px;
}

您可以根据需要自定义这些样式。

相关问题

vue treeselect 组件校验样式（添加红色外框）

要为 Vue treeselect 组件添加校验样式（红色外框），可以在对应的样式文件中添加以下样式：

.el-form-item.is-error .vue-treeselect .vue-treeselect__input {
  border-color: #f56c6c;
  box-shadow: 0 0 0 2px rgba(245,108,108,.2);
}

这样就可以在表单校验出错时，为 treeselect 组件添加红色外框了。需要注意的是，这样会影响所有使用了该样式的 treeselect 组件，如果只想为某个特定的 treeselect 组件添加校验样式，可以在该组件的样式中添加上述样式，并将其选择器更改为该组件的唯一标识。

去除 treeselect 校验红框

要去除 treeselect 校验红框，可以在对应的样式文件中添加以下样式：

.el-form-item.is-error .el-tree .el-tree-node__content {
  border-color: transparent;
}

这样就可以将校验红框去除了。需要注意的是，这样会影响所有使用了该样式的 treeselect 组件，如果只想去除某个特定的 treeselect 组件的校验红框，可以在该组件的样式中添加上述样式，并将其选择器更改为该组件的唯一标识。