手機網頁點擊後出現藍色框

標籤：

　　在手機網頁中點擊某一個連結或是文字框後通常會在上面出現一個藍色的透明的框（不同手機顏色有差別）。在網頁中可以使用一個css修改這個框的顏色。

　　

     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 

　　上述代碼中設定顏色為白色，透明度為0。應用之後頁面上點擊後就看不到原來的那個框了。

　　如果需要加到所有元素上就是：

　　

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

 

 

以下是描述該問題的原文：

In an HTML 5 site a user, who‘s surfing through a mobile device, clicks a link.
The browser draws a box (rectangle) as a feedback (in addition to a sound).
Browser might mean Android 2.3‘s stock browser, or Opera Mobile.

I‘d like to avoid this (blue) box. At least for iPhone and Android based devices. Any idea?

 

手機網頁點擊後出現藍色框