Mobile Firefox でアンカーをクリックすると、アンカーがクリックされた<a>後も保持される の周りに青い境界線が描画されます。これがどのように見えるかのスクリーンショットです：
この境界線を削除するために、CSS に以下を追加しようとしましたが、効果はありません。
a {-moz-user-select: none;}
a:link { outline:none; }
a:visited { outline:none; }
a:hover { outline:none; }
a:active { outline:none; }
a:focus { outline:none; }
また、DOM 対応の JavaScript に次のスニペットを追加しようとしましたが、これも効果がありません。
$("a").live('click',function(event) {
if (document.selection)
document.selection.empty();
else if (window.getSelection)
window.getSelection().removeAllRanges();
});
この青い境界線はスタイル可能ですか? どうすればそれを取り除くことができますか?
最小限のテスト ケース (例)
この動作を示すページの縮小例を次に示します。
<!DOCTYPE html><a href="#foo">Test</a>
レンダリング
