CSS entfernt die Hintergrundfarbe von Elementen, die beim Anklicken auf dem mobilen Endgerät generiert werden (empfohlen)

Füge im CSS-Style des Elements, welches die Hintergrundfarbe beim Klicken erzeugt, folgenden Code hinzu:

-webkit-tap-highlight-color: transparent;

PS: Schauen wir uns das CSS an, um die Hintergrundfarbe des A-Tags zu löschen, wenn es auf dem mobilen Endgerät angeklickt wird.

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

-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);

Zusammenfassen

Oben ist das CSS, das ich Ihnen vorgestellt habe, um die Hintergrundfarbe von Elementen beim Klicken auf dem mobilen Endgerät zu entfernen. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!