[CSS]手機長按時，會出現藍色區塊或是藍色背景，如何去除?

手機版的網頁，常常會有一個問題，就是當使用者按著螢幕的時候，整個畫面會出現藍色區塊的現象。

這個原本是手機瀏覽器的貼心醒目提示，但實質上卻造成使用者覺得礙眼的小東西。

消除的方式很簡單只要使用以下CSS：

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

當然還有另一種，我用起來感覺畫面會更乾淨些：

-webkit-tap-highlight-color:transparent;

 

如果單純只是要去除某個按鈕的藍色邊框，可以用以下CSS，套用在按鈕上：

button{
    outline:none;
}