去除a、button、input等因点击或长按出现的蓝色覆盖层和边框

今天遇到a因为长按会出现一层蓝色的覆盖层。在网上找了一些资料来分享一下。
起初我以为是选中效果的问题,后来改了选中效果也没用。


去除的代码.png

text-decoration: none;这条代码可以忽略,跟题目无关。

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
这条代码就可以去掉蓝色的覆盖层

去掉了蓝色的覆盖层后,我发现还会有黄色的边框出现,加上outline: none;就可以解决了。这样长按a就不会出现蓝色的覆盖层了。

纠正:-webkit-user-modify: read-write-plaintext-only;这条代码设定链接的内容是可以修改的,并不能去掉覆盖层。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 以下是常用的代码收集,学习用。转自[豪情博客园] (http://www.cnblogs.com/jikey/p/...
    自由加咖啡阅读 1,225评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,665评论 19 139
  • 文章网址:http://blog.csdn.net/hardgirls/article/details/51722...
    程序员小布的养生之道阅读 931评论 0 52
  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 758评论 0 1
  • 一年一度的春节小长假结束了,短暂享受家人欢聚的时刻后,朋友们又要奔赴自己的工作岗位了,此时也是“节日后遗症”的高发...
    宋小夏阅读 747评论 0 1

友情链接更多精彩内容