Beispielanalyse zur CSS-Unterdrückung der Hintergrundfarbe eines Tags beim Klicken auf das mobile Endgerät

1. Deaktivieren Sie die blaue Farbe, wenn auf dem mobilen Endgerät auf ein Bild geklickt wird.

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
　　

2 Touchstart wird ausgelöst, oft wird ein grauer Hintergrund angezeigt

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

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

::selection { 
    background: #FFF; 
    color: #333; 
} 
::-moz-selection { 
    background: #FFF; 
    color: #333; 
} 
::-webkit-selection { 
    background: #FFF; 
    color: #333; 
}

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

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

Das obige ist der detaillierte Inhalt vonBeispielanalyse zur CSS-Unterdrückung der Hintergrundfarbe eines Tags beim Klicken auf das mobile Endgerät. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!