@chandra you should be able to set outline: none in your css to fix this. However this can cause accessibility issues, so make sure you’re putting separate :hover, :focus and :active styles on the element you remove the outline from.
The declaration document.addEventListener(“touchstart”, function(){}, true); or it’s equivalent creates a rare bug on viewed inside an Iframe on IOS. writing a text in that textarea and than moving the caret to another place in the textArea (for example when wishing to correct the text) blocks the possibility to write.
To solve this I add the ontouchstart=”” only on the necessary tag and not on the tag.
It might not be obvious to everyone, but this also works for Android default browsers as well, since they are also Webkit-based.
works great on object tag, thx !
Awesome.!! many many thanks!!
work great
thanks
Am still getting green color border in HTC mobiles where as in rest of other android mobiles the hight light color is not appearing
@chandra you should be able to set
outline: none
in your css to fix this. However this can cause accessibility issues, so make sure you’re putting separate:hover
,:focus
and:active
styles on the element you remove theoutline
from.The declaration document.addEventListener(“touchstart”, function(){}, true); or it’s equivalent creates a rare bug on viewed inside an Iframe on IOS. writing a text in that textarea and than moving the caret to another place in the textArea (for example when wishing to correct the text) blocks the possibility to write.
To solve this I add the ontouchstart=”” only on the necessary tag and not on the tag.
You should also remember to add the same rule to buttons and form controls as they also have the highlight.
Perfect :), workinng fine…
Also don’t forget to add labels for checkboxes :)
FYI: I didn’t have to add the event listener running on Safari on iPad Air 2, iOS Version 9.2.1
Thanks, it’s work.
just use “transparent” as the color