Heim >Web-Frontend >CSS-Tutorial >Detaillierte Erklärung zur Verwendung von hideFocus in CSS
Detaillierte Erklärung zur Verwendung von hideFocus in CSS
- 黄舟Original
- 2017-12-06 13:27:366827Durchsuche
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()"
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>
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;} oder
a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE 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:
3499910bf9dac5ae3c52d5ede7383485href="/" 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!