Vue.js 如何有效地设置vuetify组件（如v-select）的样式？

所以我是vue和vuetify的新手，我真的在为它的造型而挣扎！我试图使用一个v-select组件，并试图使它看起来像我的其他输入组件，但我的scss样式似乎都不起作用

下面是我在标签中的一些代码，包括一些输入和v-select：

<label>
          <b>Email</b>
        </label>
        <ValidationProvider name="email" rules="required|email" v-slot="{errors}">
          <h6>{{ errors[0] }}</h6>
          <input type="email" v-model="user.email" placeholder="Escreva seu email" />
        </ValidationProvider>
        <label>
          <b>Identificação</b>
        </label>
        <!-- TODO SELECT vuetify? -->
        <ValidationProvider name="identificação" rules="required" v-slot="{errors}">
          <h6>{{ errors[0] }}</h6>
          <v-select
            class="select-dropdown"
            v-model="user.eth"
            name="identificação"
            placeholder="Escolha uma"
            :items="['Indígena', 'Branca', 'Negra', 'Parda', 'Amarela']"
          ></v-select>
        </ValidationProvider>
        <label>
          <b>Senha</b>
        </label>
        <ValidationProvider
          name="password"
          rules="confirmed:confirm|required|min:6"
          v-slot="{errors}"
        >
          <h6>{{ errors[0] }}</h6>
          <input type="password" v-model="user.password" placeholder="**********" />
        </ValidationProvider>

下面是我一直在尝试的v-select的一些风格，尽管大多数都没有反应

.v-input__slot {
  min-height: 0 !important;
  height: 6vh !important;
}

.v-text-field input {
  font-size: 12px;
  font-weight: 300;
}

.v-text-field.v-text-field--solo .v-input__control {
  min-height: 0 !important;
}

.select-dropdown {
  background: $white !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  height: 6vh;
  margin: 5px 0;
  width: 100%;
  outline: none;
  font-size: 12px;
  color: $input-text;
  padding: 10px;
}

.v-input__slot {
  min-height: 0 !important;
  height: 6vh !important;
}

.v-text-field input {
  font-size: 12px;
  font-weight: 300;
}

.v-text-field.v-text-field--solo .v-input__control {
  min-height: 0 !important;
}

.select-dropdown {
  background: $white !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  height: 6vh;
  margin: 5px 0;
  width: 100%;
  outline: none;
  font-size: 12px;
  color: $input-text;
  padding: 10px;
}