Disable Orange Outline Highlight on Focus

Disable orange highlight on a div in WebView

div{
-webkit-appearance:none;
}

IBM Worklight 6.1 - Disable orange outline highlight on focus is not working

This is the working code. Tested in devices[Samsung S Duos, Sony Xperia M & Samsung Tab II] with IBM worklight 6.0 & IBM Worklight 6.1.

textarea:focus, input:focus, input,textarea{
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
-webkit-tap-highlight-color: transparent;
-webkit-user-modify: read-write-plaintext-only;
border: none !important;
margin: none !important;
}

Disabling orange focus outline around Bootstrap buttons in Electron

Target the HTML button element with class glyphicon-button when focussed like so:

button.glyphicon-button:focus,
button.glyphicon-button:active:focus,
button.glyphicon-button.active:focus,
button.glyphicon-button.focus,
button.glyphicon-button:active.focus,
button.glyphicon-button.active.focus {
outline: none !important;
}

Be aware that removing the outline property has consquences on accessibility.

Disable orange highlight on a div in WebView

div{
-webkit-appearance:none;
}

remove orange outline from focused element in samsung galaxy s2

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);


Related Topics



Leave a reply



Submit