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

Detaillierte Erklärung der Ansichten in MySQL

Sicht: Ansichten in MySQL haben viele Ähnlichkeit...

Zabbix' PSK-Verschlüsselung kombiniert mit zabbix_get-Wert

Seit Zabbix Version 3.0 wird verschlüsselte Kommu...

Beispielcode zur Implementierung der Formularvalidierung mit reinem CSS

In unserem täglichen Geschäft ist die Formularval...

MySQL-Dateneinfügungsoptimierungsmethode concurrent_insert

Wenn ein Thread eine DELAYED-Anweisung für eine T...

Natives JS zur Implementierung einer Echtzeituhr

Teilen Sie einen Echtzeituhreffekt, der mit nativ...

Im Mybatis MySQL-Löschvorgang kann nur die erste Datenmethode gelöscht werden

Insekten Wie in der Abbildung gezeigt, begann ich...

So implementieren Sie On-Demand-Import und globalen Import in Element-Plus

Inhaltsverzeichnis Import auf Anfrage: Globaler I...

mysql löst zeitzonenbezogene Probleme

Vorwort: Bei der Verwendung von MySQL können Prob...

So verweisen Sie auf jQuery in einer Webseite

Die Referenzierung ist über CDN (Content Delivery ...

Best Practices zur Implementierung einfacher Jira-Projekte mit React+TS

Eine Reihe von Projekten für die Ausbildung reagi...

Eine kurze Erläuterung der Rolle und Funktionsweise von Schlüsseln in Vue3

Welche Funktion hat dieses Schlüsselattribut? Sch...

So ändern Sie die Master-Slave-Replikationsoptionen in MySQL online

Vorwort: Die am häufigsten verwendete Architektur...

Einfaches Beispiel für die Verschönerung von HTML-Kontrollkästchen und -Radios

Einfaches Beispiel für die Verschönerung von HTML...