CSSでのHideFocusの使い方を詳しく解説-CSSチュートリアル-php.cn

CSSでのHideFocusの使い方を詳しく解説

黄舟

リリース： 2017-12-06 13:27:36

オリジナル

6713 人が閲覧しました

タイトルを見ても意味が分からない友達も多いかもしれません。 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 の使用方法を例を使って詳しく説明します。これがあなたの仕事に役立つことを願っています。

関連する推奨事項:

hideFocus (ヒント)

href="/" と HideFocus="true" をタグ内に追加します

CSS HideFocusの使い方を詳しく解説

以上がCSSでのHideFocusの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

CSSでのHideFocusの使い方を詳しく解説