JS CSSを使ってIEリンクの点線ボックスを削除する3つの方法_基礎知識

方法 1: JavaScript の onfocus イベントを使用して次のように実装します。
HTML コード

コードをコピー コードは次のとおりです:

Design Hive< ;/a>

jQuery フレームワークを導入すると、そのイベント バインディング メカニズムを使用できます:
Js コード

コードをコピー コードは次のとおりです:

$('a').bind('focus', function(){
if(this.blur) { //これがサポートされている場合。blur
this.blur();
}
});

方法 2: CSS スタイルを使用して次の を実装します。
CSS コード

コードをコピー コードは次のとおりです:

a{
blr:expression( this.onFocus=this.close());
} /* IE のみをサポートし、過度の使用は非効率的です*/
a{
blr:expression (this.onFocus=this.blur()) ;
} /* IE のみをサポートします。過度の使用は非効率です*/
a:focus {
-moz-outline-style: none; } /* IE はサポートしていません*/
:focus {
アウトライン: なし
} /* Firefox の場合 */

方法 3:タグ属性を使用し、IE のみをサポートします。実装は次のとおりです: HTML コード

コードをコピー コードは次のとおりです:

デザイン ハイブ

メソッド4: HTC の実装は次のとおりです。
次のコードを .htc として保存します。拡張子付きファイル
Js コード

コードをコピー コードは次のとおりです。

CSS コード

コードをコピー コードは次のとおりです:

a {behavior:url("htc file")}