ホームページ > 記事 > ウェブフロントエンド > CSSでのHideFocusの使い方を詳しく解説
CSSでのHideFocusの使い方を詳しく解説
- 黄舟オリジナル
- 2017-12-06 13:27:366766ブラウズ
タイトルを見ても意味が分からない友達も多いかもしれません。 HideFocus は、オブジェクトのフォーカスを無効にする機能を意味します。その機能は、onFocus=thisと同等です。 .blur() これは、 HideFocus=true などの Boolean です。割り当てを省略して、hideFocus を直接記述することもできます。 今回は、CSS での HideFocus の使い方を詳しく紹介します。
CSS での HideFocus の使用法
簡単に言うと、HideFocus は ハイパーリンク の外側の点線のフレームの設定です。
hideFocus はフォーカスを隠すことを意味し、オブジェクトのフォーカスを無効にする機能があります。その機能は次と同等です:
onFocus="this.blur()"
その値は、hideFocus=true などのブール値です。割り当てを省略して、hideFocus を直接記述することもできます。
指定したコードに HideFocus がない場合、マウスでハイパーリンクをクリックすると、外側に点線のボックスが表示され、そこがフォーカスになります。 HideFocusを使用すると、点線枠は表示されません。
IE では、タグ a の構造に Hidefocus="true" 属性を追加する必要があります。
デモ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Test </TITLE> </HEAD> <BODY> <a href="#" hidefocus="true" title="XX">没有虚线框</a> <br><br> <a href="#" title="XX">有虚线框</a> </BODY></HTML>
FF などのブラウザでは、タグ a に直接スタイル outline:none; を定義するだけです:
a {outline:none;} または
a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE :
この記事では、CSS での HideFocus の使用方法を例を使って詳しく説明します。これがあなたの仕事に役立つことを願っています。
関連する推奨事項:
3499910bf9dac5ae3c52d5ede7383485href="/" と HideFocus="true" をタグ内に追加します
以上がCSSでのHideFocusの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。