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
MySQL-Lerndatenbankbetrieb DML ausführliche Erklärung für Anfänger
Inhaltsverzeichnis 1. Anweisung einfügen 1.1 Einf...
Detaillierte Erläuterung des Problems der Übereinstimmung, selbst wenn in der MySQL-Abfragebedingung am Ende der Zeichenfolge ein Leerzeichen steht
1. Tabellenstruktur TABELLE person Ausweis Name 1...
So verpacken Sie das Uniapp-Projekt als Desktop-Anwendung
Electron installieren cnpm installiere Electron -...
Beispiele zum Hinzufügen, Ändern, Löschen und Löschen von Werten in der MySQL-Datenbank
3. MySQL-Datenverwaltung Die erste Methode: nicht...
js, um einen einfachen Akkordeoneffekt zu erzielen
In diesem Artikel wird der spezifische Code von j...
Ubuntu 15.04 öffnet den MySQL-Remote-Port 3306
Ubuntu 15.04 öffnet den MySQL-Remote-Port 3306. A...
Manjaro-Installation CUDA-Implementierungs-Tutorial-Analyse
Ende letzten Jahres habe ich im Dualsystem meines...
Grundlegendes Installationstutorial zum Dekomprimieren von MySQL-Paketen
Da ich auf einen neuen Computer gewechselt bin, m...
Lösen Sie das Sprungproblem des mobilen Endgeräts (CSS-Übergang, Ziel-Pseudoklasse).
Vorwort Viele Freunde, die gerade mit mobilen End...
So importieren Sie SQL-Dateien in Navicat Premium
Ich habe heute mit der Arbeit an meinem Abschluss...
Implementierung eines verschachtelten Sprungs der Vue-Routing-Ansicht Router-Ansicht
Inhaltsverzeichnis 1. Ändern Sie die app.vue-Seit...
Detaillierte Erläuterung der Prinzipien und der Verwendung der MySQL-Master-Slave-Replikation und der Lese-/Schreibtrennung
Dieser Artikel veranschaulicht anhand von Beispie...
Kleines Problem mit dem Abstand zwischen Label und Eingabe im Google Browser
Erst Code, dann Text Code kopieren Der Code lautet...
JS 4 super praktische Tipps zur Verbesserung der Entwicklungseffizienz
Inhaltsverzeichnis 1. Kurzschlussurteil 2. Option...
JavaScript Dom implementiert das Prinzip und Beispiel eines Karussells
Wenn wir ein Karussell bauen wollen, müssen wir z...