javascript - 如何使用多个 bootstrap-select 显示所有选定的选项？

Question

我正在使用 silviomoreto bootstrap-select。这是文档的链接 http://silviomoreto.github.io/bootstrap-select/在几个选择选项上，我使用了多项选择，但我遇到了下一个问题。

如果选择了更多选项，则它们不适合选择输入。像这样 (screenshot example)。有什么方法可以让输入框扩展高度并显示用户选择的所有内容？我也尝试更改 css

.bootstrap-select.btn-group .btn .filter-option {
   display: inline-block;
   width: 100%;
   float: left;
   text-align: left;
   color: #333 !important;
   text-transform: uppercase;
   overflow: visible;
   height: 150px;
}

但这也不起作用。

提前致谢!

Answer 1

您必须将此行添加到 .btn 的 css:white-space: normal;

.bootstrap-select .btn {
    white-space: normal;
}

然后你必须设置正确的初始宽度、填充和东西。希望这有效。