Css 变型类星体元

Css 变型类星体元,css,vue.js,select,quasar,Css,Vue.js,Select,Quasar,我的应用程序使用的是Quasar框架。 在函数时间轴中,我使用q-select元素来选择一个国家。我固定了q-select元素的宽度,但是我没有成功地固定列表的宽度。如果国家名称长或短,则宽度正在改变,这不是非常方便用户 如何确定q-select元素下面列表的宽度 我的代码: .bg颜色{ 背景色:e7e8d1; } .输入{ 宽度:200px; 利润率:10px0; } 为下拉列表生成的HTML与用于选择它的输入是分开的。您只需要为q菜单指定一个宽度 您还可以在代码中应用一个新类,这样并非所有

我的应用程序使用的是Quasar框架。 在函数时间轴中,我使用q-select元素来选择一个国家。我固定了q-select元素的宽度,但是我没有成功地固定列表的宽度。如果国家名称长或短,则宽度正在改变,这不是非常方便用户

如何确定q-select元素下面列表的宽度

我的代码:

.bg颜色{ 背景色:e7e8d1; } .输入{ 宽度:200px; 利润率:10px0; }
为下拉列表生成的HTML与用于选择它的输入是分开的。您只需要为q菜单指定一个宽度

您还可以在代码中应用一个新类,这样并非所有菜单都是200px

输出:


完成你的回答;我一开始试过那个解决办法,但没用。我发现了原因:这是因为页面中的错误。这一特性被类星体的原生css所克服。我在css/app.scss中的其他地方添加了.q-menu属性以使其工作。
.q-menu { 
  width: 200px;
}