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

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

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

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

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

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

-webkit-tap-highlight-color:transparent;

 

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

button{
    outline:none;
}