[CSS]手机长按时,会出现蓝色区块或是蓝色背景,如何去除?

手机版的网页,常常会有一个问题,就是当使用者按著萤幕的时候,整个画面会出现蓝色区块的现象。

这个原本是手机浏览器的贴心醒目提示,但实质上却造成使用者觉得碍眼的小东西。

消除的方式很简单只要使用以下CSS:

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

当然还有另一种,我用起来感觉画面会更干净些:

-webkit-tap-highlight-color:transparent;

 

如果单纯只是要去除某个按钮的蓝色边框,可以用以下CSS,套用在按钮上:

button{
    outline:none;
}

 

分享出去: