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

Eine vollständige Anleitung zum Löschen von Floats in CSS (Zusammenfassung)

1. Übergeordnetes Div definiert Pseudoklassen: af...

Miniprogramm zur Implementierung des Slider-Effekts

In diesem Artikelbeispiel wird der spezifische Co...

Vue.js Leistungsoptimierung N Tipps (es lohnt sich, sie zu sammeln)

Inhaltsverzeichnis Funktionskomponenten Aufteilun...

Informationen zu WSL-Konfigurations- und Änderungsproblemen in Docker

https://docs.microsoft.com/en-us/windows/wsl/wsl-...

Zusammenfassung neuer Anwendungsbeispiele für Calculated in Vue3

Die Verwendung von „Computed“ in vue3. Da vue3 mi...

Detaillierte Erläuterung der Laderegeln der require-Methode in node.js

Laderegeln der Require-Methode Laden aus dem Cach...

Kurze Analyse der geplanten MySQL-Sicherungsaufgaben

Einführung Um Datenverlust in einer Produktionsum...

Beispielcode zum Erstellen eines minimierten Header-Effekts nur mit CSS

Zusammengeklappte Kopfzeilen sind eine großartige...

Der vollständige Prozess der Docker-Image-Erstellung

Inhaltsverzeichnis Vorwort Erstellungsschritte Er...

So sichern Sie MySQL unter Linux automatisch remote

Vorwort: Ganz gleich, ob wir es für den Eigengebr...