：フォーカス：アクティブで一緒に動作していないFirefoxで

Question

クリックすると "a"タグが表示されないようにします。フォーカスがリンク上にあるときにjQueryのフォーカスイベントによってタブでオンになるだけです。

ここでアウトラインが注目され、他の場所をクリックしない限り外に出ません。

.b { 
 
    color: red; 
 
} 
 
.b:active { 
 
    color: green; 
 
    outline: none!important; 
 
} 
 
.b:focus { 
 
    color: blue; 
 
    outline: 5 px solid red; 
 
} 
 
.b:focus:activer { 
 
    color: green; 
 
    outline: none!important; 
 
}

<a href="#">testing</a> 
 
<input class="b" type="text"></input> 
 
<input class="b" type="text"></input>

Answer 1

がa:activeのためのCSSを追加します。

は、ここに私のコードです。あなたのコードには、タイプが:activerであることに注意してください。

.b { 
 
    color: red; 
 
} 
 
.b:active { 
 
    color: green; 
 
    outline: none!important; 
 
} 
 
.b:focus { 
 
    color: blue; 
 
    outline: 5 px solid red; 
 
} 
 
.b:focus:active { 
 
    color: green; 
 
    outline: none!important; 
 
} 
 
a:active { 
 
    outline: none!important; 
 
}

<a href="#">testing</a> 
 
<input class="b" type="text"></input> 
 
<input class="b" type="text"></input>