フォントを使用して目に見えるフォーカスawsomeアイコン

a hrefで囲まれたフォントワームアイコンにタブで移動するときに目に見えるフォーカスを設定しようとしています。フォントを使用して目に見えるフォーカスawsomeアイコン

<a href="#" class="expand_collapse" aria-hidden="true"> 
     <i class="fa fa-chevron-down"></i> 
    </a>

単語をミックスに追加するとします。単語はタブに移動するとフォーカスを取得します。

<a href="#" class="expand_collapse" aria-hidden="true"> 
     <i class="fa fa-chevron-down"></i> 
     Hello Bob! 
    </a>

アイコン領域に目に見えるフォーカスを追加するにはどうすればよいですか？

2016-10-28 Laurence L

正確なコードでタブするときにフォーカスを得ることができます。しかし、タグにtabindexを追加しようとしましたか？

<a href="#" class="expand_collapse" aria-hidden="true" tabindex="1"> 
    <i class="fa fa-chevron-down"></i> 
</a>

2016-10-28 20:21:00 Kyle

奇妙な理由私はそれが私のために働いていないのだろうか。私はダブルチェックします。ありがとう。 –

（i）要素は、周囲のa hrefのためにタブインデックスにあります。しかし、フォーカスがアイコン領域にあるときは、青い輪郭のような目に見えるインジケータはありません。 CSSの

答えて