将鼠标悬停在Google Chrome中的ng-bootstrap模式上时，背景按钮会闪烁

Question

我在我的角度应用中使用ng-bootstrap nodal并使用Google Chrome浏览器。当我单击按钮打开模态时，我看到我用于该操作的按钮变为白色背景，然后当我将鼠标悬停在模式中的close（X）或任何其他按钮上时开始闪烁。过了一会儿就停了。我没有在Microsoft Edge中看到这种情况。

我试图查看按钮的样式或其包含元素是否发生变化，但事实并非如此。

这是Google Chrome浏览器中的错误吗？或者还有什么我需要注意来解决这个问题。

Answer 1

我在较新版本的Chrome（＆gt; 59或60）上遇到了同样的问题。我通过在父元素上设置背景颜色来解决它。 当没有设置背景颜色时，Chrome似乎不喜欢不再悬停在元素上。

Answer 2

我也遇到了这个问题，在向容器内部的元素添加背景时，这个黑点是固定的

Answer 3

这里可能存在相关问题：

Chrome is behaving strange bootstrap modal

当我打开模态和/或将鼠标悬停在模态中的按钮上时，我会得到奇怪的屏幕瑕疵和元素重影。如果我在Chrome中禁用硬件加速，问题就会消失。

我似乎也只是在我的第二台显示器上出现问题 - 它在我的主笔记本电脑屏幕上工作正常，但在我将窗口移动到第二台显示器时没有。只要我将窗口拖回笔记本电脑屏幕，问题就会消失。我假设硬件加速/驱动程序问题 - 但在其他浏览器中工作正常。不能指望我的用户知道这一点。

<强>更新： 添加背景并不适合我。如果我在模态下更改页面上的组件，问题也可能消失。例如，如果我用material2标签替换ng-bootstrap标签，我就不会遇到问题（至少在这个特定的页面上）。可能与Angular组件引入的非标准HTML元素有关吗？