Пользовательский стиль компонента multiselect vue ⇐ CSS

[Anonymous]

Я добавил компонент vue multiselect... Но я хочу настроить его с помощью стилей CSS. Я уже добавил немного стиля CSS, но не могу сделать все, что хочу. Например, я хочу изменить высоту опции, высоту поля выбора, цвет выбранных элементов/кнопки с крестиком и т. д. Как я могу это сделать. Каковы имена классов этих элементов и как я могу их изменить.

{{ values.length }} options selected


Я уже создал это.



Вот мой CSS-код:



.multiselect__tag {
color: rgb(48, 48, 48);
background-color: rgba(var(--vs-primary), 0.3);
font-size: 01rem;
}
.multiselect__tag:hover {
background-color: rgba(var(--vs-warning), 0.3);
}

.multiselect__option--disabled {
background: purple;
color: rgba(var(--vs-primary), 1);
font-style: italic;
}

.multiselect__option--highlight {
background-color: rgba(var(--vs-primary), 1);
color: rgb(255, 255, 255);
font-size: 0.9rem;
height: 1rem;
}

.multiselect__content {
background: rgb(255, 255, 255);
color: #444;
font-size: 0.9rem;
}
.multiselect__single {
height: 0.8rem;
font-size: 01rem;
color: #444;
}
.multiselect__tag {
position: relative;
display: inline-block;
padding: 0.25rem 1.625rem 0.25rem 0.625rem;

margin-right: 0.625rem;

line-height: 1;

margin-bottom: 0.5rem;
}



Подробнее здесь: https://stackoverflow.com/questions/744 ... -component