CSS 动态选择插件下拉列表中的对齐问题

Question

Example Fiddle

我已将 Chosen 插件用于 multiselect 下拉菜单。

在初始页面上，dropdown 已添加到 html 视图中，即 chosen。

然后，如果我们点击“add mitigator”，就会添加新的下拉菜单。

现在的功能是这样的：

• 每个下拉菜单都有 1 到 14 个选项

• 如果我 select 下拉列表 1 中的一个选项（比如 2），那么其他两个下拉列表将从他们的选项中删除（2）selected（禁用）菜单.

问题围绕 CSS 下拉菜单所在的 div 的问题。

产生问题：

• 访问fiddlelink.

• 单击“add mitigator”link 添加两个下拉菜单。

• 在dropdown 2、select所有的选项一一列出，你会看到dropdown2被拉长并隐藏在dropdown3后面.但是 dropdown1.

不会发生这种情况

我该如何解决这个问题？

Answer 1

尝试关注 CSS

.chosen-container {
  min-height:30px;
  height:auto !important;
}

新添加的多个 select 下拉菜单有一个 div 类名 .chosen-container，它通过 [=29= 将高度 30px 应用到元素样式中].

您需要从 css 文件中覆盖 CSS 属性。

我已经更新了你的 fiddle :https://jsfiddle.net/vrwzckav/4/