我的应用程序 (https://coronavirus-statistics-app.herokuapp.com/timeline) 使用 Quasar 框架。 在“时间轴”函数中,我使用 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>