Bootstrap 4 当鼠标悬停在Google Chrome中的ng引导模式上时，背景按钮闪烁

我在angular应用程序中使用，我使用Google Chrome浏览器。当我单击按钮打开模式时，我看到我用于该操作的按钮变为白色背景，然后当我将鼠标悬停在模式中的

关闭

（X）或任何其他按钮上时开始闪烁。过了一会儿就停了。我不认为微软Edge会发生这种情况

我试图查看按钮或其包含元素的样式是否在更改，但事实并非如此

这是Google Chrome浏览器中的一个bug吗？或者我还需要看什么来解决这个问题

---

我在新版chrome（>59或60）上也遇到了同样的问题。我通过在父元素上设置背景色解决了这个问题。

---

似乎Chrome不喜欢在没有设置背景色的情况下不再在元素上悬停。

我在Chrome的较新版本（>59或60）上也遇到了同样的问题。我通过在父元素上设置背景色解决了这个问题。

---

似乎Chrome不喜欢在没有设置背景色的情况下在元素上再悬浮。

我也有这个问题，当为元素添加背景时，容器内的元素会产生黑点，这是固定的

我也有这个问题，当为元素添加背景时，容器内的元素会产生黑点修复了此处可能存在的相关问题：

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

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

更新：

---

添加背景并不能解决我的问题。如果我在模式下更改页面上的组件，问题也会消失。例如，如果我用material2选项卡替换ng引导选项卡，我不会遇到问题（至少在这个特定页面上）。可能与Angle components引入的非标准HTML元素有关？

此处可能有相关问题：

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

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

更新： 添加背景并不能解决我的问题。如果我在模式下更改页面上的组件，问题也会消失。例如，如果我用material2选项卡替换ng引导选项卡，我不会遇到问题（至少在这个特定页面上）。可能与Angular组件引入的非标准HTML元素有关