html - 单击链接闪烁/闪烁

Question

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

正如您在我添加的 gif 中看到的那样，当我单击任何导航栏链接时，它会闪烁。任何想法是什么导致它以及如何解决它？我真的无法给出适当的描述来尝试用谷歌搜索它。

提前非常感谢！

Answer 1

是的，一定是和锚标签active css rule、a.activerule相关的东西。您可以通过检查元素找出实际上是哪个 css 规则导致它。

通过使用 chrome 窗口，您可以做到这一点。按照步骤

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

2) 使用Toggle Element State选项

3）将状态设置为active

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

Answer 2

您应该尝试给出.logo:active, .logo:focusa background-color: transparent;，因为当您单击它时，background-color会启动 a 。