ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS と JS_html/css_WEB-ITnose を使用してリンクの点線ボックスを削除するさまざまな方法

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

WBOY
リリース: 2016-06-24 12:00:04
オリジナル
1521 人が閲覧しました

リンクをクリックすると、リンクの周囲に点線のボックスが表示されますが、この点線のボックスを削除するにはどうすればよいですか?実際には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
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート