2013-01-02 13 views
6

का ब्लू ओवरले जब मैं एंड्रॉइड वेबव्यू में एक एचटीएमएल पेज प्रदर्शित करता हूं, तो क्लिक किए गए तत्व पर हमेशा एक नीला ओवरले होता है जिसमें एक href या जावास्क्रिप्ट फ़ंक्शन होता है। मैं इस नीले ओवरले से कैसे छुटकारा पा सकता हूं?ऑनक्लिक

enter image description here

स्रोत कोड

<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> 
+0

शायद यह संबंधित है? http://stackoverflow.com/questions/7398763/android-browser-remove-outline-border-when-anchor-is- केंद्रित – hayavuk

उत्तर

10

मेरे पास tried it एक अलग छवि के साथ है, और ऐसा लगता है। असल में, मैंने अभी जोड़ा है कि different topic:

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

हां। यह काम करता हैं! बहुत धन्यवाद ~ एंड्रॉइड 3.2 में परीक्षण किया – BayOtter

0

मुझे यकीन है कि नहीं कर रहा हूँ, लेकिन शायद छवि नीला आच्छादन है (और न केवल कड़ी resp। एक-टैग)। तो इसे border: 0; द्वारा छुटकारा पाएं ...

संबंधित मुद्दे