ホームページ  >  記事  >  ウェブフロントエンド  >  リンク要素の点線枠を削除し、IE7、IE6、および FF_Experience 交換と互換性を持たせる

リンク要素の点線枠を削除し、IE7、IE6、および FF_Experience 交換と互換性を持たせる

WBOY
WBOYオリジナル
2016-05-16 12:05:391596ブラウズ

次のコードをお勧めします

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

a {outline: none; /* Forefox の場合 * / }
a {star:expression(this.onFocus=this.blur()); /* for Ie*/ }

次のコードはさらに面倒です
この問題を解決するために、htc ファイルを使用します。次のコードをホームページに link.htc ファイルとして保存します。​
コードをコピー コードは次のとおりです。


<script>    <br>function hscfsy(){    <br>this.blur();    <br>}    <br></script>

HTML ファイルに次のコードを記述してリンクを作成します。
jb51.net
このリンクの CSS スタイルの定義を開始します。

a {
表示:ブロック;
幅:100ピクセル;
高さ:30ピクセル;
行の高さ:30px;
text-align:center;
}
a:ホバー{
背景:#ddd;
}
CSS スタイルは、特定の幅と高さのリンク、ブロック要素の外観を決定します。テキストは水平、左、中央に配置されます。​
aタグのスタイルに属性を追加します。これを使用して、リンクの破線の境界線を削除します。

a {
表示:ブロック;
幅:100ピクセル;
高さ:30ピクセル;
行の高さ:30px;
text-align:center;
動作:url(line.htc);
}
次のコードを実行して効果を確認します。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。