如何调整V-SELECT的大小？

我在RTL项目中使用了VueJS 2和Vutify。我有以下代码：

<v-card-title>
  <div class="row">
    <div class="col-sm-12 col-md-9" style="text-align: right; ">
      <div class="ml-1 inline">
        הצג
      </div>
      <v-select
        v-model="tableItemsPerPage"
        :items="itemsPerPageOptions"
        outlined
        single-line
        hide-details
        dense
        class="inline"
        style="width:90px;"
      ></v-select>
      <div class="mr-1 inline">
        פריטים
      </div>
    </div>
    <div class="col-sm-12 col-md-3" style="text-align: left;">
      <v-text-field
        v-model="tableSearchText"
        class="shrink mx-4"
        append-icon="mdi-magnify"
        label="חיפוש"
        filled 
        rounded 
        dense 
        single-line 
        hide-details
      ></v-text-field>
    </div>
  </div>
</v-card-title>

这将创建以下用户界面：

我似乎想不出如何调整v-select的大小，因为它看起来有点笨拙。已尝试以下解决方案：vuetify.js v-select minimum height limitation?，但不起作用。我如何才能使其工作？

编辑：我想要这样的东西：

选择框较小，位于搜索框的中间(从高度角度)。下拉列表周围关键字的所需字体大小为：

  .v-card__subtitle, .v-card__text, .v-card__title {
    padding: 0px;
    font-size: 1rem;
  }

推荐答案

我标记的css更改了v-select的大小。还要注意在标记(HTML)中所做的更改。

数据-lang=”js”数据-隐藏=”假”数据-控制台=”真”数据-巴贝尔=”假”>

Vue.config.productionTip = false;
Vue.config.devtools = false;

new Vue({
  el: '#app',
  vuetify: new Vuetify({
    rtl: true,
  }),
  data: () => ({
    tableItemsPerPage: 100,
    itemsPerPageOptions: [10, 20, 50, 100],
    tableSearchText: '',
    isSelectLarge: false
  })
})

#app {
  background-color: whitesmoke;
}

/*