Bootstrap 选择器在中间出现错误

Question

我遇到了 Bootstrap Selectpicker 的错误(?)。

在 Chrome 上（到目前为止这只发生在 Chrome 上）当 select 中间时，您不会 select select 选择器下拉菜单, 但实际原来的 select, 像这样:

如图所示，原始的 select 下拉菜单被选中并显示：

还有其他人遇到过这个问题并且知道如何解决吗？

只能在中间 select 编辑大约 10-20 像素的宽度 :/

Answer 1

将此添加到我的 site.ccs 帮助我解决了这个问题：

.bootstrap-select > select {
    z-index: 0 !important;
}

显然，问题出在 select 的 form-control 属性（如果您在代码中删除它，问题就解决了），它添加了 z-index , 这打破了 Chrome.