change multiselect color

This commit is contained in:
LouisLam 2021-08-06 19:48:51 +08:00
parent adcd251076
commit 5a6e5b7948
1 changed files with 16 additions and 1 deletions

View File

@ -244,14 +244,29 @@ export default {
<style src="vue-multiselect/dist/vue-multiselect.css"></style> <style src="vue-multiselect/dist/vue-multiselect.css"></style>
<style> <style lang="scss">
@import "../assets/vars.scss";
.multiselect__tags { .multiselect__tags {
border-radius: 2rem; border-radius: 2rem;
border: 1px solid #ced4da; border: 1px solid #ced4da;
} }
.multiselect--active .multiselect__tags { .multiselect--active .multiselect__tags {
border-radius: 1rem; border-radius: 1rem;
} }
.multiselect__option--highlight {
background: $primary !important;
}
.multiselect__option--highlight::after {
background: $primary !important;
}
.multiselect__tag {
background: $primary !important;
}
</style> </style>
<style scoped> <style scoped>