css - 有没有办法从 vuetify 元素中删除 css，然后添加你自己的

Question

我想添加自己的 css 来覆盖 vuetify v-select 元素

我试图向元素添加一个类，但它只是在 vuetify 元素下面添加了 css

  <div>
    <VSelect
      v-model="value"
      :items="sortOptions"
      item-text="text"
      :return-object="true"
      class="rectangle"
    />
  </div>
</template>

<style lang="styl">
  .rectangle {
    height: 40px;
    width: 144px;
    border: 1px solid #CCD8DB;
    border-radius: 4px;
    background-color: var(--v-dgrey-lighten3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.08);
  }
</style>```

Answer 1

尝试在您自己的 css 上添加“!important”以覆盖。示例:

height: 40px !important;