Blaue Markierung beim klicken im Handy-Browser unterdrücken

ReneP. · 6. März 2018

Hallo zusammen,

ich erstelle gerade eine mobile Version einer Webseite. Hier habe ich gerade das Problem, das auf dem Tablet oder

Smartphone die verlinkten Elemente blau unterlegt werden wenn ich sie anklicke (siehe Bild, Div mit Pfeil nach links wird beim klicken blau). Das ist natürlich nicht besonders schön.

Wie kann ich das verhindern ?

Danke und Gruß

html-seminar.de/woltlab/attachment/1446/

basti1012 · 6. März 2018

in der css datei den pfeil einen background:none; geben

bzw die Zeile löschen

CTS-X · 7. März 2018

Könnte auch sein, dass speziell für den Focus auf das Element etwas hinterlegt ist:
.Button_xy:focus

Diese CSS Regel dann bearbeiten.

Im übergreifenden CSS des Elements den Hintergrund auf 'none' setzen ginge auch. Aber dann wäre die Änderung bzw. der Grund dafür schwerer nachzuverfolgen.

ReneP. · 8. März 2018

So, hab die Lösung gefunde

html

{

-webkit-tap-highlight-color: #ffffff

}

So wird bei allen Klicks der Effekt mit der blauen Markierung ausgeblendet

Blaue Markierung beim klicken im Handy-Browser unterdrücken

Jetzt mitmachen!

Teilen