Javascript chrome中“选择”下拉列表下方的黑框

每当我在表单中进行一些移动后第一次单击select dropdown field（选择下拉字段）（如在表单顶部显示动态错误消息横幅）时，我就会看到select dropdown下面的黑框。这个问题只发生在chrome中

我在前端使用bootstrap+jquery

代码：

${site.name}

---

似乎是硬件加速的问题。我也有同样的问题，这很烦人

此处提供了实施解决方案的说明：

从该线程获得的答案：

---

无论出于何种原因，这可能会失败，具体取决于您的chrome版本。但它对我有效。

这个问题是在我更改了flags页面中的一些设置后出现的。 我在标志中禁用了零拷贝光栅化器，这使它失效。

---

如果您没有激活零拷贝光栅化器，或者您已经禁用了它，那么您也可以尝试禁用与GPU相关的东西，如硬件加速…

构建或。查看如何创建.Added JSFIDLE with issue字段。在我的chrome中找不到黑框。。最新的chrome浏览器。我和我的几个朋友在电脑上尝试了相同的链接，问题就出现了。可能你使用的版本是什么？我的版本也是54.0.2840.71 m-“谷歌Chrome是最新的。”正确的，我可以确认我在这件事上发现了一个Chrome问题，并且发现这个标志是根本原因。

<b:form-btn-group label="${siteLabel}" labelFor="sites" cssBody="col-sm-4" cssBtn="col-sm-1" button="addsite" buttonTxt="${addTxt}" cssClass="display-none required">
                <select id="sites" name="sites" class="form-control" disabled>
                    <option value=""></option>
                    <c:forEach items="${sites}" var="site">
                        <option value="${site.name}">${site.name}</option>
                    </c:forEach>
                </select>
            </b:form-btn-group>