Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

GodziLaravel's avatar

vue-multiselect : how to custom css ?

Helllo ,

I would like to override the default CSS in vue-multiselect, https://vue-multiselect.js.org/

<multiselect :custom-label="customLabelProfilesList"
                                     :multiple="true"
                                     :options="profilesList"
                                     class="mmulti"
                                     id="inputProfile"
                                     placeholder="Select profile(s)" track-by="id"
                                     v-model="newTask.profiles"></multiselect>
<style scoped>
    .multiselect__tags {
        min-height: 32px;
        display: block;
        padding: 3px 40px 0 8px;
        border-radius: 5px;
        border: 1px solid #e8e8e8;
        background: #fff;
        font-size: 14px;
    }

But it's not working !

0 likes
1 reply
LedDev's avatar

You must remove the scoped tag from style in order to apply the css rules.

Please or to participate in this conversation.