javascript - 在 chrome 中选择下拉菜单下方的黑框

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 相关的东西，比如硬件加速......