Detaillierte Erklärung zur Verwendung von hideFocus in CSS-CSS-Tutorial-php.cn

Detaillierte Erklärung zur Verwendung von hideFocus in CSS

黄舟

Freigeben： 2017-12-06 13:27:36

Original

6826 Leute haben es durchsucht

Es mag viele Freunde geben, die nicht wissen, was der Titel bedeutet. hideFocus bedeutet, den Fokus zu verbergen und hat die Funktion, den Fokus von Objekten ungültig zu machen. Seine Funktion entspricht: onFocus= this.blur() Es ist ein boolescher Wert, wie zum Beispiel hideFocus=true. Sie können die Zuweisung auch weglassen und hideFocus direkt schreiben. Heute geben wir Ihnen eine detaillierte Einführung in die Verwendung von hideFocus in CSS!

Verwendung von hideFocus in CSS

Einfach ausgedrückt: hideFocus ist die Einstellung des gepunkteten Rahmens außerhalb des Hyperlinks!

hideFocus ist ein versteckter Fokus, der die Funktion hat, den Objektfokus zu deaktivieren. Seine Funktion entspricht:

onFocus="this.blur()"

Nach dem Login kopieren

Sein Wert ist ein boolescher Wert, wie zum Beispiel hideFocus=true. Sie können die Zuweisung auch weglassen und hideFocus direkt schreiben.
Wenn der von Ihnen angegebene Code nicht über hideFocus verfügt, wird beim Klicken mit der Maus auf den Hyperlink außen ein gepunktetes Feld angezeigt, das den Fokus darstellt. Bei Verwendung von hideFocus wird kein gepunkteter Rahmen angezeigt.
Unter IE müssen Sie das Attribut hidefocus="true" zur Struktur von Tag a hinzufügen.
Demonstration:

<!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>

Nach dem Login kopieren

In Browsern wie FF ist es relativ einfach, den Stil für das Tag a outline:none direkt zu definieren ; Das ist es, das heißt:

a {outline:none;}

Nach dem Login kopieren

oder

a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE

Nach dem Login kopieren

Zusammenfassung:

Dieser Artikel erläutert detailliert die Verwendung von hideFocus in CSS. Ich hoffe, dass er für Ihre Arbeit hilfreich sein wird.

Verwandte Empfehlungen:

hideFocus (Tipps)

href="/" und hideFocus="true" in Tags

Über die Verwendung von hideFocus in CSS Ausführliche Erklärung

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung zur Verwendung von hideFocus in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!