点击 link blinks/flashes
Clicking on a link blinks/flashes
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<%= link_to 'FARDIN KHANJANI', root_path, class: 'navbar-brand logo' %>
</div>
正如您在我添加的 gif 中看到的那样，当我单击任何导航栏链接时，它会闪烁。任何想法是什么导致它以及如何解决它？我真的无法提供适当的描述来尝试 google 它。
提前致谢！
您应该尝试给 .logo:active, .logo:focus 一个 background-color: transparent;，因为当您单击它时，会启动一个 background-color。
是的，它必须与锚标签活动css规则，a.active规则有关。您可以通过检查元素找出实际上导致它的 css 规则。
通过使用 chrome window 你可以做到这一点。按照步骤
1) select inspector
中所需的元素
2) 使用 Toggle Element State 选项
3) 设置状态为active
现在您可以找出导致问题的 CSS 规则并修复它，无论是使用自定义 css 还是修改原始代码中的规则。
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<%= link_to 'FARDIN KHANJANI', root_path, class: 'navbar-brand logo' %>
</div>
正如您在我添加的 gif 中看到的那样，当我单击任何导航栏链接时，它会闪烁。任何想法是什么导致它以及如何解决它？我真的无法提供适当的描述来尝试 google 它。
提前致谢！
您应该尝试给 .logo:active, .logo:focus 一个 background-color: transparent;，因为当您单击它时，会启动一个 background-color。
是的，它必须与锚标签活动css规则，a.active规则有关。您可以通过检查元素找出实际上导致它的 css 规则。
通过使用 chrome window 你可以做到这一点。按照步骤
1) select inspector
中所需的元素2) 使用 Toggle Element State 选项
3) 设置状态为active
现在您可以找出导致问题的 CSS 规则并修复它，无论是使用自定义 css 还是修改原始代码中的规则。