有没有办法从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;