原文:清除移动端网站点击a标签时闪现的边框或遮罩层(CSS)

在移动端网站,当你点击加了a标签的文字或图片时,该元素的周围会闪现一个蓝色的边框,在微信上的网站就是如此 而有的浏览器会闪现一个半透明遮罩层,比如移动端的Chrome浏览器,其实这些特效无非就是为了告诉用户已点击了该元素,提升用户体验,但有的时候你会觉得这些特效看起来很别扭,就想着清除它,其实这很简单,只要加上一句CSS就行了。 清除所有a标签在点击时出现的特效:a webkit tap hig ...

2015-04-03 11:30 0 2843 推荐指数:

查看详情

css取消a标签移动点击的背景颜色

一、取消a标签移动点击的蓝色-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;  二、使用图片 ...

Fri Aug 04 04:49:00 CST 2017 0 6742
vue移动端出现遮罩遮罩滑动禁止遮罩下方页面滑动

h5页面 点击出现弹框遮罩上面滑动 下方的页面会出现滑动现象 解决方法 我知道的有以下两种 在遮罩标签上添加@touchmove.prevent 把遮罩显示把下方的父盒子css设置为固定定位宽100%高100%超出隐藏 两种方法都行 ...

Thu Jul 25 22:15:00 CST 2019 0 1769
弹出页面遮罩,以及web移动阻止遮罩的滑动。

  最近项目遇到了遮罩的一些问题,总结一下: 弹出遮罩 遮罩弹出有非常多的方法,这里只写出本人用的代码,使用jq操作dom的方法进行实现的。 #bg为透明度为0.6的一个遮罩页面,.box为遮罩上的按钮。 有了触发遮罩的行为后,设置遮罩 ...

Thu Aug 25 20:02:00 CST 2016 0 18082
vue实现一个移动屏蔽滑动的遮罩

在扯废话浪费大家的时间之前,先上个代码好了,使用vue实现起来很简单…… 对,就是这么简单,加上@touchmove.prevent就可以屏蔽滑动页面了,然后再和普通的遮罩一样,加点样式 如此,便可以了_(:з)∠)_,vue真是好用啊…… 以下是废话和原理 开发移动页面 ...

Mon Dec 19 02:08:00 CST 2016 11 29248
移动H5页面遮罩

1.建一个遮罩div <div id="cover"></div> 2.设置遮罩样式 #cover { position: absolute; left: 0px; top: 0px; background ...

Tue May 26 22:55:00 CST 2020 0 2674
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM