How to custom select css

[ooolin321]

I want to make .select wide:100%,but is seems not working to me

<template>
  <vue-multi-select
    v-model="values"
    :filters="filters"
    :options="options"
    :selectOptions="data"
    :btnLabel="btnLabel"
    @selectionChanged="getMultiValues"
    btnClass="roleSelect"
  />
</template>

<style lang="scss">
  .roleSelect{
    width: 100%;
  }
</style>

[iNeoO]

use the ::v-deep roleSelect, wait i will dig (thoiugh you used scoped)

[iNeoO]

edit the select class with ::v-deep (use display: block)