给可点击的元素添加代码: -webkit-tap-highlight-color: transparent;

-webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。

该属性的作用是:当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

该属性可以只设置透明度,如果未设置透明度,iOS Safari使用默认的透明度;当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。

语法:

-webkit-tap-highlight-color:color

默认值: inherit

适用于:链接元素比如新窗口打开,img元素比如保存图像等等

取值:

color: 颜色值

transparent: 透明值

* CSS3新增属性可能存在描述错误及变更,仅供参考,持续更新

兼容性:

iOS 1.1.1及更高版本的Safari浏览器可用

大部分android手机也是支持的,只是显示效果有所不同。

php网站灰颜色代码,css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color_html/css_WEB-ITnose...相关推荐

  1. html鼠标悬停多个图片变灰,怎样用CSS让鼠标悬停在图片上图片变灰

    我们常常在网页中看到这样一种效果,当你的鼠标移动到图片上的时候,图片变灰,或者变暗,这实际是图片被CSS设置为半透明样式.下面就给大家做一个实例看一下这种效果怎么实现a:hover img{filte ...

  2. jquery实现点击按钮变灰不可点击并开始倒计时10秒特效代码

    jquery实现点击按钮变灰不可点击并开始倒计时10秒特效代码 实现代码 代码解析 1.给按钮绑定一个点击事件 2.设置一个初始的时间值,决定按钮过多少秒恢复 3.进行时间判断 4.设置一个计时器 实 ...

  3. html清除div虚线,纯CSS去除按钮以及链接点击时虚线

    深藏多年秘笈大公开,全世界唯一一家公布,怎么点就是点不出,纯CSS去掉按钮或者链接点击产生的虚线. 运行代码框 .wrap{position:relative;} .btns{zoom:1;} .bt ...

  4. 苹果safari浏览器 button点击不会触发focus事件 如何解决?

    苹果safari浏览器 button点击不会触发focus事件 如何解决? 解决如下: //点击时手动focus <button id="button" type=" ...

  5. 怎么设置php的css颜色代码,CSS的文本字体颜色如何设置

    这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常用颜色地方包含:字体颜色.超链接颜色.网页背景颜色.边框颜色 2.颜色规范与颜色规定:网页使用RGB模式颜色 网页中颜色的运用是网页必不 ...

  6. html字颜色代码,css 字体颜色(css color)

    DIV CSS 字体颜色\css color知识实例讲解 在DIV+CSS网页中控制字体颜色的CSS单词为color:+颜色值.这里DIVCSS5详细为大家介绍CSS 字体颜色color的运用(div ...

  7. html字体自动换颜色代码,css怎么给字体换颜色?

    css怎么给字体换颜色?可以使用color属性来给字体换颜色.下面本篇文章就来给大家介绍一下CSS color属性,希望对大家有所帮助. 在CSS中想要给字体换颜色,可以使用color属性.color ...

  8. 苹果浏览器分辨率css,苹果(Safari)浏览器的图片width设置为100%但实际显示为980px改成的问题方法...

    最近在做一个页面时,发现在 iPad 的 Safari 浏览器中背景显示不全,定位到该 div 后发现所指定 css 的宽度为 100% : 到百度搜索后发现,safari 中 viewport 默认 ...

  9. html怎么从左到右设置颜色,使用CSS从左到右填充文本颜色(Text colour fill from left to right using CSS)...

    使用CSS从左到右填充文本颜色(Text colour fill from left to right using CSS) 我试图动画有".popUpWord"类的文本. 在悬停 ...

最新文章

  1. [文摘20070930]人际关系,你有五十五招
  2. Spring官方都推荐使用的@Transactional事务,为啥我不建议使用!
  3. 计算机在线声音,电脑怎么在线录音
  4. (伪)datagridview里面id的自增长
  5. 程序员的十层楼(8~9层)
  6. Oracle将NetBeans交给了Apache基金会
  7. C语言实现List实现(附完整源码)
  8. php 编程风格,PHP程序员的自我修炼:PHP编程风格_PHP教程
  9. 浅谈Java和SAP ABAP的静态代理和动态代理,以及ABAP面向切面编程的尝试
  10. 回答面试官:如何保证消息不丢失
  11. word分页保存_搞定office丨Word快捷技巧第3弹!
  12. 程序员求生指南:告别大小周,摆脱监视,直奔年终奖!
  13. 【PAT乙】1069 微博转发抽奖 (20分) set
  14. vue项目结构目录简介
  15. 【Zigbee】基础篇(4) Zigbee无线通信过程、无线发送温湿度信息
  16. 2022年上半年国家教师资格证考试
  17. 智能云门禁解决方案来了
  18. MySQL教程——4 高级篇(性能调优、锁)
  19. 23K进腾讯那天,我还是止不住哭了.....
  20. [webView stopLoading]; 和 [webView release];

热门文章

  1. ​CVPR 2020雾天条件下物体检测挑战赛冠军DeepBlueAI团队技术分享
  2. 基于层次过滤的文本生成
  3. 论文解读 | 基于正则化图神经网络的脑电情绪识别
  4. 飞桨第六课 2020.4.5
  5. python知识点总结(有空就往里面添加)
  6. 程序员35岁之后的出路_我35岁,被裁员,开始给程序员规划人生
  7. 【Java代码】未分页数据根据参数进行分页(粘贴可用)
  8. 计算机操作系统还能这样玩?这一篇计算机操作系统的总结为你保驾护航(零风险、高质量、万字长文、建议收藏)
  9. 《数据库系统实训》实验报告——触发器
  10. Vue + ESLint——编译错误[‘xxx‘ is defined but never used]解决方案