Blue Overlay von OnClick

Wenn ich eine HTML-Seite in Android WebView anzeigen, gibt es immer eine blaue Überlagerung auf das angeklickte Element, die eine href oder eine Javascript-Funktion süchtig hat. Wie werde ich dieses blaue Overlay los?Blue Overlay von OnClick

enter image description here

Source Code

<html> 
    <head> 
    <title>Blue Overlay</title> 
    <style> 
    *{margin:0;padding:0;/* get rid of the default 2 pixels margin */ 
    } 
    body{background-color: #000000;} 

    /* button-related CSS */ 
    a.button{ 
     background: url("img/icon_bt.png") no-repeat scroll center center transparent; 
     display: block; 
     text-decoration: none;/*remove the blue underline*/ 
     width: 70px; 
     height: 70px; 
     margin: 50px; 
    } 
    a.button:active{ 
     background-image: url("img/icon_bt_pressed.png"); 
    } 

    </style> 
</head> 
<body> 
    <a class="button" href="#"></a> 
    </body> 
</html>

Quelle

2013-01-02 BayOtter

Vielleicht ist dies verwandt? http://stackoverflow.com/questions/7398763/android-browser-remove-outline-border-when-anchoris-focused – hayavuk

Ich habe tried it mit einem anderen Bild, und es scheint zu funktionieren. Im Grunde habe ich nur hinzugefügt, was in einem different topic vorgeschlagen wurde:

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

Quelle

2013-01-02 00:59:16 hayavuk

Ja. Es klappt! Vielen Dank ~ Getestet in Android 3.2 – BayOtter

Ich bin nicht sicher, aber vielleicht hat das Bild mit dem blauen Overlay (und nicht nur die Verbindung resp. A-tag). Also loswerden von ihm, d. H. border: 0; ...

Quelle

2013-01-02 00:48:22 Chris

Blue Overlay von OnClick

Antwort

Verwandte Themen