使用Bootstrap 4和Chrome在多个选择上溢出文本并且没有滚动条

Question

这里有一个神秘的地方，我看到溢出的文本，并且在使用Bootstrap 4的多选中没有滚动条。这甚至不是我的代码的问题，或者我认为我需要一个现代化程序或规范化脚本 - 它发生在{{3} }。在Chrome版本53.0.2785.116 m（64位），Windows 8.1上看起来像这样。

Bootstrap's own example

任何线索？

Answer 1

Bootstrap 4现在只在Alpha中。如果找到错误，应该报告错误。

现在尝试使用bootstrap 3，并在生产就绪时切换到4。

仅供参考，导致此问题的是此属性：

button, input, select {
   overflow: visible;
}

尝试将此添加到您的CSS文件中，然后就可以了：

input {
    overflow: hidden;
}

Answer 2

在我的情况下，我想要的行为（仅在需要时滚动条）是通过

实现的

select {
    overflow: auto;
}