Javascript 物化芯片自动完成下拉宽度

Javascript 物化芯片自动完成下拉宽度,javascript,css,drop-down-menu,autocomplete,materialize,Javascript,Css,Drop Down Menu,Autocomplete,Materialize,我开始疯狂地尝试这项任务: 我有一个75%的模态宽度,它有一个输入 <div id="pippo" class="chips chips-autocomplete"></div> <label for="pippo">Scope</label> 尽管如此,我的下拉内容宽度为120px,太窄了,我找不到如何放大或放松 是的,我也尝试了$('.dropdown trigger')。dropdown({constrain

我开始疯狂地尝试这项任务: 我有一个75%的模态宽度,它有一个输入

        <div id="pippo" class="chips chips-autocomplete"></div>
        <label for="pippo">Scope</label>
尽管如此,我的下拉内容宽度为120px,太窄了,我找不到如何放大或放松

是的,我也尝试了
$('.dropdown trigger')。dropdown({constraintwidth:false})
但没有运气(我想它对正常的下拉菜单有效,但对自动完成的菜单无效?) 有人知道解决办法吗? 请参见本期图片:

在这里,您可以看到问题的一部分: 多谢各位


洛伦佐

你需要使用
!重要信息
通过Javascript内联应用css时要覆盖的标志:

.dropdown-content {
  width:200px !important;
}

你能展示你的意思吗?只需增加
。下拉内容的宽度即可。
。@我添加了该图像。@SeanDoherty我尝试了我知道的所有方法,但没有效果。你能给出一些建议吗?为你的问题建立一个代码笔简化的例子。
.dropdown-content {
  width:200px !important;
}