Geek asks and answers

Remove orange outline from focused element in samsung galaxy s2

Is there a way to turn off the highlight effects used by the mobile browser in the Samsung s2 galaxy?

I have already tried:

-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-tap-highlight-color:transparent
-webkit-touch-callout: none;
outline:none;

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

alternatively - can someone explain exactly When do these effects show? can I detect the touch screen and touch in a way that does not cause these effects?

thank

+5
source share
3 answers

CSS

.borderImage {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

HTML:

<div class="borderImage">
    <a href="#">Some text</a>
</div>

Found here;): -webkit-tap-highlight-color: rgba (0,0,0,0); on a div?

Edit (nice to know):

/* No background, just iOS:*/
-webkit-tap-highlight-color: transparent;

/* No background iOS + Android:  */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+5
source

Try using e.preventDefault();touch events.

0
source 

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
0

More articles: