html - リンクをクリックすると点滅/点滅します

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 ルールを見つけることができます。

クロムウィンドウを使用すると、これを行うことができます。手順に従ってください

1）インスペクターで目的の要素を選択します

2)Toggle Element Stateオプションを使用する

3) 状態をactive

これで、カスタム CSS を使用するか元のコードでルールを変更するかに関係なく、問題の原因となっている CSS ルールを見つけて修正できます。

Answer 2

クリックすると aが開始されるため、 .logo:active, .logo:focusaを指定してみてください。background-color: transparent;background-color