Entfernen Sie das Etikett und die Schaltfläche und fügen Sie das Hintergrundbild mit gepunkteter Linie/Schatten hinzu, perfekte Lösung
|
Wenn sich ein Benutzer registriert, klickt er auf ein Label, um den Bestätigungscode zu ändern. Wenn Sie darauf klicken, wird auf dem Etikett ein Schattenteil angezeigt. Für ästhetisch anspruchsvolle Studierende ist das jedoch unerträglich!
Was ist der Grund dafür? Es stellt sich heraus, dass das href-Attribut des a-Tags schuld ist. 1. Nur ein Tag Mir sind zwei Lösungen bekannt. Erstens: Verschreiben Sie das richtige Medikament für die Krankheit. Da es durch href verursacht wird. Entfernen Sie dann das href-Attribut Wenn wir href=javascript:RefreshCode(); verwenden, aktualisieren wir einfach den Bestätigungscode. Kein Seitensprung. Code kopieren Der Code lautet wie folgt:<ahref="javascript:RefreshCode();"class="yellow">Sie können nicht klar sehen? Bild ändern</a> Sie können also href entfernen, dem a-Tag ein Onclick-Ereignis hinzufügen und die Funktion zum Aktualisieren des Bestätigungscodes aufrufen. Code kopieren Der Code lautet wie folgt:<aonclick="RefreshCode()"class="yellow">Sie können nicht klar sehen? Bild ändern</a> Zweitens: Machen Sie einen Schritt zurück. Suchen Sie nach Gemeinsamkeiten und wahren Sie die Unterschiede. Da Sie das href-Attribut verwenden möchten. In Ordnung. Dann füge ich noch ein weiteres Event für dich hinzu: onfocus Ändern Sie es einfach und Sie können es problemlos entfernen, indem Sie dem A-Tag onfocus="this.blur()" hinzufügen. sicherlich. Wenn Sie möchten, dass das A-Tag nicht unterstrichen wird. Dann: style="text-decoration: none" Code kopieren Der Code lautet wie folgt:<a href="javascript:RefreshCode();"class="yellow"onfocus="this.blur()">Sie können nicht klar sehen? Bild ändern</a> Wirkung nach Änderung
In FF und anderen Browsern ist es relativ einfach. Definieren Sie einfach den Stil outline:none für das Tag a, das heißt: Code kopieren Der Code lautet wie folgt:ein { Umriss: keiner; } Natürlich wird hier nur ein einziger entfernt. Wenn es auf der Seite mehrere A-Tags gibt, sollten wir dann nicht die Onfocus-Ereignisse einzeln hinzufügen? Natürlich nicht. Wir können dies tun, wenn die Seite geladen wird. Holen Sie sich alle A-Tags auf der Seite über: window.document.links.length (window kann hier weggelassen werden). Dann iterieren Sie über die registrierten Ereignisse. Code kopieren Der Code lautet wie folgt:<scripttype="text/javascript"> fenster.onload = funktion(){ für (var i = 0; i < Dokument.links.Länge; i++) Dokument.links[i].onfocus=function(){dies.blur()} } </Skript> 2. Fügen Sie der Schaltfläche ein Hintergrundbild hinzu: Eine andere Möglichkeit besteht darin, der Schaltfläche ein Hintergrundbild hinzuzufügen. Es wird Schatten geben.
Derselbe Ansatz kann auch verwendet werden, um Code kopieren Der Code lautet wie folgt:<asp:Button ID="imgBtnReg" runat="server"onfocus="this.blur()" OnClientClick="return chk_reg();"OnClick="imgBtnReg_Click" Text="Übermittlung bestätigen"/> <input type="submit"id="btnReg" value="Registrierung" name="regist" onfocus="this.blur()"onclick="return checkAll()" style="background-image:url('image/btn.jpg')"/> Wirkung nach Änderung:
3. Wenn Sie ein a-Tag zu img hinzufügen, fügen Sie onfocus zum a-Tag hinzu und setzen Sie das border-Attribut von img: border=0 Code kopieren Der Code lautet wie folgt:<a href="#none" onfocus="diese.unschärfe()"> <img style="border:0px"> </a> Wenn Ihre Seite beides hat, ein Tag. Da ist wieder ein Knopf. Sie können es in eine Funktion einbinden Code kopieren Der Code lautet wie folgt:Funktion fHideFocus(tName){ aTag=document.getElementsByTagName_r(tName); für (i = 0; i <aTag.length; i++) aTag.hideFocus = true; //für(i=0;i<aTag.length;i++)aTag.onfocus=function(){this.blur();}; } Derzeit wird ein HideFocus-Attribut hinzugefügt und sein Wert ist ein Boolescher Wert, z. B. hideFocus=true. Sie können die Zuweisung auch weglassen und hideFocus direkt ausführen. Wenn der Code nicht über hideFocus verfügt, wird beim Klicken mit der Maus auf den Hyperlink außerhalb ein gepunktetes Kästchen angezeigt, das den Fokus anzeigt. Wenn hideFocus verwendet wird, gibt es keinen gepunkteten Rahmen. Der auskommentierte Satz soll onfucus = this.blur(); hinzufügen, was denselben Effekt hat. Erweiterungen: A. Wie entferne ich die gepunkteten Linien von Links innerhalb eines Kartenbereichs? Code kopieren Der Code lautet wie folgt:<a href="http://blog.sina.com.cn/s/articlelist_3015911503_0_1.html"onfocus="this.blur()"> <img style="border:0px"> </a> Unter ihnen wird onfocus verwendet, um das Mausfokusereignis festzulegen. Dies kann verwendet werden oder nicht. Damit jedoch mehr Browser es erkennen können, wird empfohlen, border=0 zu verwenden. Dies ist der Schlüssel zum Entfernen des gepunkteten Rahmens (im Internet verwenden die meisten Leute onfocus="this.blur()", um den gepunkteten Rahmen zu entfernen, aber manchmal kann dieser Satz allein ihn nicht entfernen). Für die Experten sind die Wissenspunkte bereits stark veraltet. Aber für Freunde, die gerade erst damit in Berührung gekommen sind, ist es eine willkommene Erleichterung, und ich bin heute zufällig darauf gestoßen. Daher wird es hier aufgezeichnet. Wissen muss Stück für Stück angesammelt werden. |
<<: Einführung in neue ECMAscript-Objektfunktionen
>>: Detaillierte Einführung in CSS-Schrift-, Text- und Listeneigenschaften
Artikel empfehlen
Detaillierte Erläuterung des grafischen Tutorials zum Herunterladen, Installieren und Konfigurieren von Win10 DVWA (Lernen von Anfängern)
Das Computersystem wurde neu installiert und die ...
Das KTL-Tool realisiert die Methode zum Synchronisieren von Daten von MySQL zu MySQL
Verwenden Sie das KTL-Tool, um Daten von MySQL zu...
Zusammenfassung der Unterschiede zwischen Vues Überwachung, Berechnung und Methoden
Inhaltsverzeichnis 1 Einleitung 2 Grundlegende Be...
Verwenden Sie natives JS, um den Scroll-Effekt des Live-Bullet-Bildschirms zu simulieren
Inhaltsverzeichnis 1. Grundprinzipien 2. Spezifis...
Detaillierte Erläuterung möglicher Probleme bei der Konvertierung von Gleitkommadaten in Zeichendaten in MySQL
Vorwort In diesem Artikel wird hauptsächlich ein ...
MySQL-Methode zum rekursiven Suchen nach allen untergeordneten Knoten eines Menüknotens
Hintergrund Im Projekt besteht die Anforderung, a...
So scrollen Sie manuell durch Protokolle im Linux-System
Die Protokollrotation ist eine sehr gängige Funkt...
Lösen Sie das Problem, dass der häufig verwendete Linux-Befehl "ll" ungültig ist oder der Befehl nicht gefunden wird
Frage: Der häufig verwendete Befehl "ll"...
JavaScript-Dom-Objektoperationen
Inhaltsverzeichnis 1. Kern 1. Holen Sie sich den ...
Detaillierte Erläuterung des verschachtelten Routings im Vue-Router
Inhaltsverzeichnis Schritt 1. Konfigurieren Sie R...
MySql8 WITH RECURSIVE rekursive Abfrage Eltern-Kind-Sammlungsmethode
Hintergrund Wenn Sie eine Funktion entwickeln, di...
Eine kurze Diskussion über die perfekte Anpassungslösung für das mobile Vue-Terminal
Vorwort: Wie passt sich Vue basierend auf einem a...
So ändern Sie das Anfangskennwort eines Benutzers in mysql5.7
Wenn Benutzer MySQL-Datenbanken zum ersten Mal in...
Hyperlink-Tag für HTML-Webseiten
Lernprogramm zum Hyperlink-Tag einer HTML-Webseit...
Detaillierte Erklärung des Unterschieds zwischen temporärer MySQL-Tabelle und Partitionstabelle
Temporäre Tabellen und Speichertabellen Eine Spei...