单击链接会闪烁/闪烁

Question

<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
      <%= link_to 'FARDIN KHANJANI', root_path, class: 'navbar-brand logo' %>
</div>

正如你在我添加的gif中看到的，当我点击任何一个导航栏链接时，它会闪烁。有什么想法导致它以及如何解决它？我无法通过正确的描述来尝试谷歌。

提前多多感谢！

Answer 1

是的，它必须与锚标记活动css规则a.active规则相关。您可以通过检查元素找出实际导致它的css规则。

通过使用chrome窗口，您可以执行此操作。按照步骤

1）在检查器中选择所需的元素

2）使用Toggle Element State选项

3）将状态设置为active

现在您可以找出导致问题的CSS规则并修复它，无论是使用自定义CSS还是修改原始代码中的规则。

Answer 2

您应该尝试.logo:active, .logo:focus background-color: transparent;，因为当您点击它时，会启动background-color。