我正在为我的应用程序使用Quasar框架（https://coronavirus-statistics-app.herokuapp.com/timeline）。在函数“timeline”中，我使用q-select元素来选择一个国家。我固定了q-select元素的宽度，但我没有成功地固定下面列表的宽度（如果国家的名称长或不长，宽度会改变，不太好用）。

如何固定q-select元素下方列表的宽度？

我的代码：

    <q-select 
            outlined 
            v-model="country" :options="data" option-label="name" 
            label="Select a Country"         
            class="input" />

<style scoped lang="scss">
  
  .bg-color {
    background-color: #e7e8d1;
  }
  .input {
    width: 200px;
    margin: 10px 0;
  }

</style>