Bootstrap Selectpicker 在中心出现错误答案

【问题标题】：Bootstrap Selectpicker bugs out in centerBootstrap Selectpicker 在中心出现错误
【发布时间】：2017-07-11 14:12:02
【问题描述】：

我遇到了Bootstrap Selectpicker 的错误（？）。

在 Chrome 上（目前仅在 Chrome 上发生）选择中间时，您不选择 selectpicker 下拉菜单，而是选择实际的原始选择，如下所示：

从图片中可以看出，原来的选择下拉菜单也被拾取并显示出来了：

还有其他人遇到过这种情况并知道如何解决吗？

只能在中间选择10-20像素左右的宽度：/

【问题讨论】：

你在使用模板吗？
这是 Laravel 5.3 中的模态视图，但也发生在非模态视图中
不熟悉 PHP，但我有一个类似的问题，它只存在于 chrome 和 safari 浏览器中。它原来是我下载的模板中的一个 CSS 属性，我不知道。
究竟是什么/哪个属性？
无法再访问该代码，但我认为它是 -webkit-appearance 设置了一些错误的值。您使用的是点击还是悬停？无论您使用的是哪一个，我都会尝试另一个，看看行为是否改变

【解决方案1】：

将此添加到我的 site.ccs 作为一种解决方法帮助了我：

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

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

【讨论】：