清除移动端 点击阴影效果(移动端点击按钮 或者a标签后的背景 清除)

最新推荐文章于 2021-12-02 13:25:41 发布
最新推荐文章于 2021-12-02 13:25:41 发布
阅读量1.0k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/primedream_RYH/article/details/80673892
版权

只需要在 有点击阴影的地方 加上下面的代码 就可以了

-webkit-tap-highlight-color: transparent;

primedream_RYH
关注
移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c
lomenw的博客
06-01 3939
移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 1、关闭iOS键盘首字母自动大写 2、禁止文本缩放 html { -webkit-text-size-adjust: 100%; } 3、移动端如何清除输入框内阴影 在iOS上，输入框默认有内部阴影，但无法使用 box-sha
移动端开发注意的事宜
weixin_44465584的博客
03-16 4732
1.什么是移动端开发？以及开发的工具？有哪些方式？ 移动开发也称为手机开发，或叫做移动互联网开发。是指以手机、PDA、UMPC等便携终端为基础，进行相应的开发工作，由于这些随身设备基本都采用无线上网的方式，因此，业内也称作为无线开发。 移动应用开发是为小型、无线计算设备编写软件的流程和程序的集合，像智能手机或者平板电脑。移动应用开发类似于Web应用开发，起源于更为传统的软件开发。但关键的不同在于移...
移动端点击态处理的三种实现方式
11-27
前言 在开发移动端页面的时候，为了提高用户体验，通常会给被触控的元素加上一个效果来对用户的操作进行反馈。这种反馈主要有三种实现方式，有需要的朋友们下面来一起看看吧。 一、伪类:active ：active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a>这种情况，一般主流浏览器下也支持其他元素，如button等。在多按键的鼠标系统中，：active只适用于主按键，目前的大部分情况都是左键即主键。 该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠标按钮之间的短暂瞬间被触发显示。使用键盘的tab键也可以触发:active状态。 值得注意的是：伪类是
移动端a标签点击有阴影
weixin_30571465的博客
06-19 173
a标签添加 -webkit-tap-highlight-color: rgba(0,0,0,0); 转载于:https://www.cnblogs.com/liangfc/p/9200680.html
移动端页面点击按钮出现点击效果
宋坚强大大~~
08-18 2275
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>demo</title> <meta name="wap-font-scale" content="no"> <meta name="viewport" content="width=device-width, initial-scale=1.
移动端点击出现阴影 css解决方案
p15097962069的博客
10-06 306
移动端点击出现阴影 css解决方案
去除移动端a标签点击样式
lowers_sunshine的博客
08-08 4025
一、a{outline:none；-webkit-tap-highlight-color: rgba(0,0,0,0);} -webkit-tap-highlight-color是ios和android下点击元素时出现的阴影,-webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化，进而解决问题 二、去除默认select样式
H1186国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
最新发布
08-03
JavaScript库和框架通常有专门针对移动设备的优化，例如，Hammer.js用于手势识别，FastClick消除点击延迟，iscroll处理滚动效果。开发者可能还需要使用像MobileFirst或Progressive Web App (PWA) 的策略来提高移动...
记一次移动端H5开发所遇到的问题与细节,以及ios兼容
想飞的猪的博客
09-14 3894
第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video, 一.移动端禁止缩放 兼容 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 主要属性是user-sca...
移动端常用样式以及特效
03-24
常用样式你值得拥有
解决移动端页面点击图标或按钮产生阴影
dengla6847的博客
07-22 356
移动端页面按钮或者图标，点击的瞬间会有阴影，这是浏览器自带的，要去除这个阴影可以在css样式里加上以下属性： -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; 转载于:https://www.cnblogs.com/lguow...
移动端div，a，img点击会出现阴影的处理
JunedQQ的博客
12-02 759
div,a,img { -webkit-tap-highlight-color: transparent; }
移动端，点击之后某个区域后有阴影
热门推荐
White feathe 的博客
03-01 1万+
移动端，点击之后某个区域后有阴影 今天偶然发现一件很奇怪的事儿。 在移动端，在我去掉css的伪类及其伪元素跟相关的js之后， 在我点击某块区域的时候，总有一个背景盖在上面，当初以为是Js搞得 鬼，后来发现却不以为然，原来是css的一个属性搞得鬼，希望可以帮到大家。 如图所示，我所遇到的状况：
html取消图片选中效果,web前端：取消a标签在移动端点击时的背景颜色
weixin_36399948的博客
06-03 1031
背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间。因此，内容框与内边距都是元素背景的一部分，且边框画在背景上。css允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果;CSS在这方面的能力远远在html之上。取消a标签在移动端点击时的背景颜色一、取消a标签在移动端点击时的蓝色a{-webkit-tap-highlight-color:rgba...
active：移动端触摸按钮的效果。
weixin_30588827的博客
08-15 252
移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个很好的用户体验。 但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，这个时候我们就可以激活移动端css的active效果。 方法很简单：在body上添加ontouchstart，即可激活移动端css的active效果； <!DOCTYPE html> <html> <head...
移动端菜单点击效果，点击当前元素展示到可视区
yw00yw的博客
09-23 592
以微信小程序为例 wxml <scroll-view class="scroll-menu" scroll-left="{{scrollLeft}}" scroll-x="{{true}}" scroll-with-animation="{{true}}" enable-flex="{{true}}"> <view class="menu-item {{selectedIndex === index && 'activeMenu'}}"
清除移动端网站点击a标签时闪现的边框或遮罩层（CSS）
master_yao的博客
03-16 5708
清除移动端网站点击a标签时闪现的边框或遮罩层（CSS）
关于button去掉自带阴影效果的方法
llixiangjian的博客
11-08 1万+
关于button去掉自带阴影效果的方法 最近ui设计提了个小问题说应用按钮不需要阴影，但貌似好像大概原本一开始接手的时候就全是酱紫的， 不过不要紧，仅需在布局button属性中添加：style=”?android:attr/borderlessButtonStyle” 方可。 在button的属性设置里加上： style=”?android:attr/borderlessButtonSty...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值