我如何才能摆脱只有一个特定按钮出现的按钮悬停闪烁？

Question

我在这个页面上有两个按钮。最上面的“get connected”是完美的，没有奇怪的闪烁。然而，当鼠标从按钮移开后，靠近底部的“阅读更多”会出现奇怪的闪烁。

https://dev.evolutionaryeducation.org/

我以前从未见过这种情况，而且我尝试过的一切都失败了。我已经联系了对托管的支持，他们说‘这就是浏览器的工作方式’。

Answer 1

当您将鼠标悬停在容器按钮上时，该按钮中的文本会更改其某些属性，这些更改会立即生效。

您看到的闪烁是由按钮(文本)的内容没有以与主按钮相同的速度转换引起的。

可以将此css应用于您的页面(您可以将其放在WordPress定制器页面上的的CSS选项卡中)，以使按钮内部的内容以与周围按钮相同的速度过渡。

我对它进行了测试，当它被应用时，闪烁就消失了。

.button.button_size_2.button_js span.button_label {
    transition: all 0.3s;
}