当前位置:首页 >> 技术分享 >> 详情
sousuo
sousuo

13、移动端事件响应时会有默认的背景框颜色

上传时间:2020-05-20             浏览次数:71

一、现象

移动端网站按钮active的时候,移动端会出现一个默认的背景框,把原来的按钮加上一个蒙版一样的遮罩层,比较难看。

二、原因

移动端事件响应时会有默认的背景框颜色,a标签active时也有默认的背景框颜色。

三、解决方案

移动端让背景框不显示。CSS代码如下:

.a:active{

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

}

电脑端无此现象,只需要background写好即可,否则也会有默认点击背景色。

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们