So löschen Sie die Hintergrundfarbe des A-Tags, wenn in H5 darauf geklickt wird

So löschen Sie die Hintergrundfarbe des A-Tags, wenn in H5 darauf geklickt wird

1. Die blaue Farbe des Tags wird aufgehoben, wenn auf dem mobilen Endgerät darauf geklickt wird

A {
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 -webkit-Benutzerauswahl: keine;
 -moz-user-focus: keine;
    -moz-Benutzerauswahl: keine;
}

2. Wenn Sie ein Bild als Klick-Button des a-Tags verwenden, wird beim Auslösen von Touchstart häufig ein grauer Hintergrund angezeigt

a,a:hover,a:aktiv,a:besucht,a:link,a:fokus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    Umriss: keiner;
    Hintergrund: keiner;
    Textdekoration: keine;
}

3. Ändern Sie die Hintergrundfarbe des ausgewählten Inhalts

::Auswahl { 
    Hintergrund: #FFF; 
    Farbe: #333; 
} 
::-moz-Auswahl { 
    Hintergrund: #FFF; 
    Farbe: #333; 
} 
::-webkit-Auswahl { 
    Hintergrund: #FFF; 
    Farbe: #333; 
}

4. Entfernen Sie den grauen Hintergrund, wenn Sie auf das iOS-Eingabefeld klicken

-webkit-tap-highlight-color:rgba(0,0,0,0);

5. Entfernen Sie den blauen Hintergrund, wenn das Bild in iOS ausgewählt ist

img {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 -webkit-Benutzerauswahl: keine;
 -moz-user-focus: keine;
 -moz-Benutzerauswahl: keine;
 Benutzerauswahl: keine;
}

Dies ist das Ende dieses Artikels über das Aufheben der Hintergrundfarbe eines Labels, wenn darauf geklickt wird. Weitere relevante Inhalte zur Hintergrundfarbe eines Labels finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  Die Verbindung zwischen JavaScript-Konstruktoren und Prototypen

>>:  Verwenden Sie CSS, um die Breite von INPUT in TD festzulegen

Artikel empfehlen

Das WeChat-Applet realisiert den Neun-Quadrat-Rastereffekt

In diesem Artikel wird der spezifische Code für d...

Die Verbindung zwischen JavaScript-Konstruktoren und Prototypen

Inhaltsverzeichnis 1. Konstrukteure und Prototype...

Docker unter Linux installieren (sehr einfache Installationsmethode)

Ich hatte in letzter Zeit ziemlich viel Zeit. Ich...

Das kürzeste JS, um festzustellen, ob es sich um IE6 handelt (IE-Schreibmethode)

Häufig verwendeter JavaScript-Code zum Erkennen d...

So speichern Sie Text und Bilder in MySQL

Große Textdatentypen in Oracle Clob-Langtexttyp (...

Bauprozess eines privaten Docker-Lagerhafens

1. Vorbereitung 1.1 Hafen herunterladen Harbor-Do...

favico.ico --- Schritte zum Einrichten des Website-ICO-Symbols

1. Laden Sie die erfolgreich generierte Symboldate...