navbarブランドの色違いサファリとクロムの違い

Question

私は新しいマックブックを手に入れたので、もう一度サファリを使用しています。私は、Safariでnavbarブランドをクリックしたときに、navbarブランドにカーソルを置いている間だけホバー色が変わらないことに気付きました。一方、Chromeでは、別の場所をクリックするまで、クリックした後にホバーカラーを維持します。

SafariとChromeで試してみましょう.Navbarブランドをクリックしてから、マウスを移動してください。 Safariでは、ホバーカラーが消えます。 Chromeでは、ホバーカラーはそのまま残り、別の場所をクリックした後にのみ消えます。正しい動作です

<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/simplex/bootstrap.min.css" rel="stylesheet"/> 
 

 
<nav class="navbar"> 
 
    <a class="navbar-brand" href="#"> 
 
    Brand 
 
    </a> 
 
</nav>

？私はSafari上で動作する方法が好きです。クロームを同じようにするにはどうすればいいですか？私が開発ツールをチェックすると、色はホバーだけに表示されることがわかります。

Answer 1

ブートストラップCSSには、これが原因である:focusプロパティが追加されています。以下のようにそれをオーバーライドしてみてください。

a:focus { 
    color: #d9230f; 
} 

あなたは上記のスタイルに!importantを追加する必要があります。