CSS と JS_html/css_WEB-ITnose を使用してリンクの点線ボックスを削除するさまざまな方法

リンクをクリックすると、リンクの周囲に点線のボックスが表示されますが、この点線のボックスを削除するにはどうすればよいですか?実際にはCSSを使うだけでも色々な方法がありますが、JavaScriptを使うのも良さそうです。

1. リンクの点線フレームを削除する CSS メソッド:
IE では、HTML 属性 HideFoucs を使用し、HTML タグに Hidefocus="true" 属性を追加します。ただし、この属性は IE にプライベートであり、Firefox にはプライベートではありません。認めます。フロントエンド フレームワークの例

.Code

hidefocus 属性を追加 処理済みIE の CSS を使用:

.Code

a{noOutline:expression(this.onFocus=this.blur());}/* "onFocus" 大文字の使用に注意してください*/

Firefox の処理方法は、CSS スタイル コードで a:focus{outline:none} を設定するだけです。次に、MSIE と FF の統合処理メソッドを見てみましょう。 .blur( ;
1. a:active{noOutline :expression(this.onFocus=this.blur());}

:focus{outline:0;}

2. js を使用して仮想リンクを解決しますbox メソッド: フロントエンド フレームワークの例

.code