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

Vue+Element UI realisiert die Kapselung von Dropdown-Menüs

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Schritte zum Bereitstellen von lnmp unter Docker

Inhaltsverzeichnis Ziehen Sie ein CentOS-Image Ge...

Reagiert auf verschiedene Arten, Parameter zu übergeben

Inhaltsverzeichnis Übergeben von Parametern zwisc...

HTML+CSS zum Erstellen einer Schaltfläche im Cyberpunk-Stil

Erster Blick auf die Wirkung: Vorwort: Auf diese ...

So schreiben Sie eine Node.JS-Version eines Spiels

Inhaltsverzeichnis Überblick Build-Prozess Verwan...

jQuery verwendet das Canvas-Tag, um den Bestätigungscode zu zeichnen

Das <canvas>-Element ist für clientseitige ...

Beschreibung der Standardtransaktionsisolationsebene von MySQL und Oracle

1. Transaktionsmerkmale (ACID) (1) Atomarität. Di...

Beispiel für die Verwendung von JS, um zu bestimmen, ob ein Element ein Array ist

Hier sind die Arten von Daten, die überprüft werd...

Beispiele für die Verwendung der oder-Anweisung in MySQL

1. Die Verwendung der oder Syntax in MySQL und di...

So ändern Sie die Zeit in der virtuellen CentOS-Maschine

Das obere Bild zeigt die Systemzeit und das unter...

Implementierung der Nummernschild-Eingabefunktion im WeChat-Applet

Inhaltsverzeichnis Vorwort Hintergrund Große Verm...

36 Prinzipien der MySQL-Datenbankentwicklung (Zusammenfassung)

Vorwort Diese Prinzipien sind aus tatsächlichen K...

Implementierung eines einfachen Gobang-Spiels mit nativem JavaScript

In diesem Artikel finden Sie den spezifischen Cod...