-webkit-tap-highlight-color: rgba(0,0,0,0);Und damit :active-Stile in Ihrem CSS auf einer Seite in Mobile Safari funktionieren
document.addEventListener("touchstart", function(){}, true);Graue Hervorhebung beim Tippen auf Links in Mobile Safari entfernen
Chris Coyier am
Es ist vielleicht nicht jedem offensichtlich, aber das funktioniert auch für Android-Standardbrowser, da diese ebenfalls Webkit-basiert sind.
funktioniert großartig für das object-Tag, danke!
Großartig.!! Vielen vielen Dank!!
funktioniert großartig
danke
Ich bekomme immer noch einen grünen Rand in HTC-Handys, während bei anderen Android-Handys die Hervorhebungsfarbe nicht erscheint
@chandra Sie sollten
outline: nonein Ihrem CSS setzen können, um dies zu beheben. Dies kann jedoch zu Barrierefreiheitsproblemen führen. Stellen Sie also sicher, dass Sie separate:hover-,:focus- und:active-Stile für das Element festlegen, bei dem Sie dieoutlineentfernen.Die Deklaration document.addEventListener("touchstart", function(){}, true); oder ihre Entsprechung erzeugt einen seltenen Fehler, wenn sie innerhalb eines iFrames unter iOS betrachtet wird. Wenn man Text in dieses Textarea schreibt und dann den Caret an eine andere Stelle in der Textarea bewegt (zum Beispiel, um den Text zu korrigieren), blockiert dies die Möglichkeit zu schreiben.
Um dies zu lösen, füge ich ontouchstart="" nur für das benötigte Tag hinzu und nicht für das Tag.
Sie sollten auch daran denken, Schaltflächen und Formularsteuerelemente mit derselben Regel zu versehen, da diese ebenfalls die Hervorhebung haben.
Perfekt :), funktioniert einwandfrei…
Vergessen Sie nicht, auch Labels für Kontrollkästchen hinzuzufügen :)
FYI: Ich musste den Event-Listener auf Safari auf dem iPad Air 2, iOS Version 9.2.1, nicht hinzufügen.
Danke, es funktioniert.
verwenden Sie einfach „transparent“ als Farbe