手机页面css3去掉点击的背景阴影、边框

最新推荐文章于 2022-07-20 11:27:42 发布
最新推荐文章于 2022-07-20 11:27:42 发布
阅读量1k 收藏
点赞数
分类专栏： html5+css3基础知识 文章标签： 链接背景、css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_7560/article/details/82566747
版权

在iso4+和android2+系统，当手指触摸屏幕a标签链接或按钮时，

都会出现灰色的默认背景，这种效果有的时候会影响美观，

 如何去掉代码如下：

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

               ios和android都支持，仅适用于css3

        

       

iteye_7560
关注
专栏目录
CSS3边框、阴影及背景
karry_yuan的博客
04-04 1366
CSS3边框、圆形、盒子阴影及背景
CSS3的圆角边框、盒子的阴影以及背景图片的设置
CjpYummy的博客
04-03 727
圆角边框： border-radius: 20px； （一个值表示四个角的大小都为20px） border-radius: 20px 50px； （两个值表示：第一个值表示左上角和右下角的圆角大小，第二个值表示右上角和左下角的圆角大小，*是对角关系） border:20px 30px 50px； （三个值表示：第一个值表示左上角的圆角大小，第二个值表示右上角和左下角的圆角大小，第三个值表示右下角的圆角大小） border-radius:20px 10px 30px 50px; （四个值表示：
CSS-解决苹果点击高亮、安卓select灰色背景（select下拉框在IOS中背景变黑、出现阴影问题）...
weixin_30457551的博客
07-11 681
1.在苹果手机上，用点击事件后会出现一个高亮的阴影；面对click事件的阴影，解决办法： *{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } 2.在安卓手机上的select有灰色背景，解决办法： select{ appearanc...
移动端，div点击瞬间，去掉出现阴影问题。
白白的博客
10-11 752
/移动端，div点击瞬间，出现阴影问题。/ div,a,img { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select:none; }
移动端点击出现阴影 css解决方案
weixin_30340745的博客
02-09 292
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);} 转载于:https://www.cnblogs.com/jh1994/p/6381989.html
css：去掉手机端页面 点击出现的边框 阴影
weixin_34194551的博客
10-19 542
*{ 　　outline:none;（去掉蓝框）　　-webkit-tap-highlight-color:rgba(0,0,0,0) ;（去掉阴影）适用于ios，Android } 转载于:https://www.cnblogs.com/yy1725271/p/5977641.html
CSS去掉苹果手机input默认样式，去除点击时阴影
S筱潇S四维Smile
01-14 4602
-webkit-tap-highlight-color:rgba(255,255,255,0); input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button { -webkit-appearance: none; } input:-...
css3鼠标指向背景放大，移开缩小
最新发布
03-27
在CSS3中，我们可以利用:hover伪类来实现鼠标悬停时元素背景的动态效果，比如鼠标指向时背景放大，移开时缩小。这种效果在网页设计中常用于按钮、链接或者图片，为用户提供更丰富的交互体验。下面我们将详细介绍如何...
css实现悬浮效果的阴影的方法示例
09-24
`.search_input`则定义了输入框的样式，去除了边框并调整了高度和内边距。 此外，`.words`和`.servers`类用于设置文字样式和溢出处理，但这些与阴影效果直接关联不大。`.words`设置了颜色和字体大小，而`.servers`...
css3实现底部阴影按钮 css3实现底部阴影按钮代码下载.zip
11-17
在前端开发中，CSS3（层叠样式表第三版）为设计者提供了许多新的特性和功能，其中之一就是能够创建各种各样的视觉效果，包括按钮的3D效果和阴影。本教程将详细介绍如何使用CSS3来实现一个具有底部阴影的按钮，并提供...
关于如何去掉submit按钮背景阴影的解决方法
12-13
css 控制submit加载背景图片做提交按钮 复制代码代码如下: <style type=”text/css”> <!– .button1{font-size:12px;cursor:hand;width: 58px;height: 21px;background-color: #ffffff;background-image: url(images/baby/denglu_button.jpg);background-repeat: repeat;background-attachment: scroll;background-position: center;border: 0 sol
纯css实现图片点击时移动效果和阴影效果
10-08 1517
有人喜欢用js加css实现这样的效果，而我比较喜欢用最简单的方法实现这样的效果，因为我是个简单的人，所以我要做最简单实用的事儿(hei hei)...好处就是：简单，方便操作，给服务器减少压力,对seo也比较友好... 其实,实现的方法,说起来很简单，例如我想用CSS控制内容页...
移动端H5取消点击时阴影
czboy
03-12 1300
-webkit-tap-highlight-color: transparent;     清楚默认的高亮效果 -webkit-touch-callout: none; -webkit-user-select: none;
设置css阴影和取消css阴影
热门推荐
qq_44747508的博客
12-29 1万+
之前用mui布局样式，但是一直都会有这个阴影，在浏览器调试也调试没用 这是设置阴影 /* 长 宽 模糊度 颜色*/ box-shadow: 0 1px 6px #ccc; 取消的话直接设置为0就行了，不建议直接去mui.css里面删掉，如果改掉mui里面的样式全部的样式都会变 这是取消阴影 /* 长 宽 模糊度 颜色*/ box-shadow: 0 0px 0px #ccc; ...
CSS去除手机端元素点击后阴影（高亮）
qq_42617840的博客
07-20 663
手机端点击高亮问题
移动端网站或APP点击后出现闪动或灰色背景
weixin_30279315的博客
08-14 366
隐藏文本框阴影 input, textarea{-webkit-appearance: @none;} 取消手机点击屏幕时，会出现的灰块 html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 　 移动端网站或APP点击后出现闪动或灰色背景 只需对...
移动端链接、点击事件、输入框去除背景高亮
weixin_33737774的博客
11-18 145
移动端用户点击一个链接，或者js的点击事件会出现一个边框或者半透明灰色遮罩如何去掉？a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0;)//chrome内核去除背景高亮 -moz-tap-highlight-color:rgba(0,0,0,0;)//Firefox内核去除背景高亮 -o-tap-highlig...
css 四周阴影
氏张
10-16 5180
-webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px;
使用CSS3创建可爱的卡通按钮教程
"本文将介绍如何使用CSS3创建一款具有卡通风格的可爱按钮，通过学习，你可以了解到如何利用CSS3的特性来设计出引人注目的网页元素。" 在CSS3的世界里，创建按钮不再局限于简单的文字和颜色，而是可以通过各种效果和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值