下面的黑框选择下拉列表中的铬

Question

我看到下面的黑框选择下拉列表，只要我在表单中的一些移动后第一次单击选择下拉字段（如在表单顶部显示动态错误消息横幅）。此问题仅发生在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/

Answer 1

在标志页面中更改了某些设置后，出现了此问题。 我在标志中禁用了零拷贝光栅化器，并将其固定了下来。 如果您尚未激活零拷贝光栅化器或已经将其禁用，那么您也可以尝试禁用与GPU相关的操作，例如硬件加速...

Answer 2

似乎与硬件加速有关。我遇到了同样的问题，这非常令人讨厌。

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

从此线程获得的答案： https://askubuntu.com/questions/641098/blank-select-options-on-chrome-chromium-ubuntu-14-04

由于任何原因，这可能会失败，具体取决于您的Chrome版本。但这对我有用。