chrome中选择下拉菜单下方的黑框答案

【问题标题】：Black box below select dropdown in chromechrome中选择下拉菜单下方的黑框
【发布时间】：2017-03-14 01:27:45
【问题描述】：

每当我在表单移动后第一次单击选择下拉字段时（例如在表单顶部显示动态错误消息横幅），我都会看到选择下拉列表下方的黑框。此问题仅在 chrome 中发生。

我在前端使用 bootstrap + jquery。

代码：

<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>

http://jsfiddle.net/dJDHd/2060/

【问题讨论】：

构建一个Stack Snippet 或JSFiddle。请参阅如何创建 Minimal, Complete, and Verifiable example。
添加了带有问题字段的 JSFiddle。
在我的 chrome 中找不到黑框..最新的 chrome..
我尝试了与我的几个朋友 PC 相同的链接，但问题就在那里。您使用的版本可能是什么？
我的也中断了 - 版本 54.0.2840.71 m - “Google Chrome 是最新的。”

标签： javascript jquery css twitter-bootstrap google-chrome

【解决方案1】：

似乎是硬件加速的问题。我遇到了同样的问题，非常烦人。

在此处找到解决方案的说明： http://www.solveyourtech.com/turn-hardware-acceleration-google-chrome/

从这个帖子获得的答案： https://askubuntu.com/questions/641098/blank-select-options-on-chrome-chromium-ubuntu-14-04

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

【讨论】：

【解决方案2】：

这个问题是在我更改标志页面中的一些设置后出现的。我在标志中禁用了零复制光栅化器，并把它解决了。如果你没有激活零拷贝光栅化器或者你已经禁用它，那么你也可以尝试禁用与 GPU 相关的东西，比如硬件加速......

【讨论】：

正确我可以确认我已经在这个确切的事情上打开了一个 Chromium 问题，并且还发现该标志是根本原因。