实现芯片自动完成下拉宽度

Question

我在尝试执行此任务时变得疯狂： 我的模态宽度为75％，输入为

        <div id="pippo" class="chips chips-autocomplete"></div>
        <label for="pippo">Scope</label>

基本上我想让用户根据自动完成功能获得要使用的芯片的指示。

$('.chips-autocomplete').chips({
autocompleteOptions: {
  data: tags,
  limit: Infinity,
  minLength: 1}
});

尽管如此，我的下拉内容的宽度还是120px，太窄了，我找不到扩大或取消约束的方式。

是的，我也尝试了$('.dropdown-trigger').dropdown({constrainWidth:false})却没有运气（我猜它可以在正常的下拉列表中起作用，但不能在自动完成的下拉列表中起作用？） 有谁知道解决方案？ 请在此处查看问题图片：

在这里您看到问题的根源：fiddle 非常感谢

lorenzo

Answer 1

您需要使用!important标志来覆盖，因为css是通过Javascript内联应用的：

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