今天遇到a因为长按会出现一层蓝色的覆盖层。在网上找了一些资料来分享一下。
起初我以为是选中效果的问题，后来改了选中效果也没用。
去除的代码.png
text-decoration: none;这条代码可以忽略，跟题目无关。
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
这条代码就可以去掉蓝色的覆盖层
去掉了蓝色的覆盖层后，我发现还会有黄色的边框出现，加上outline: none;就可以解决了。这样长按a就不会出现蓝色的覆盖层了。
纠正：-webkit-user-modify: read-write-plaintext-only;这条代码设定链接的内容是可以修改的，并不能去掉覆盖层。
今天遇到a因为长按会出现一层蓝色的覆盖层。在网上找了一些资料来分享一下。起初我以为是选中效果的问题，后来改了选中效...
一、去除Antd的Button组件两个汉字中间的空格 二、去掉input聚焦时的蓝色边框 三、去掉点击button...
我们在用html标签时，如input、button、select，img标签时，点击标签经常出现一个蓝色的边框，这...
去除input标签点击之后出现的默认样式，如下： input:focus{ outline:none; }
各种理解 vh & vw input 标签 type= button 时移动端点击出现光标 原因：input 有一...
移动端点击出现阴影 a,img,button,input,textarea,div{-webkit-tap-hig...
给input/button 添加点击执行函数
1、ios中去除button的默认样式,也可以去掉input的双边框解决办法： 2、safari中input[ty...
twitter的Button组件实现最主要的是点击时的蓝色边框的弹出动画效果，长按时弹到最大范围且边框不动。这直接...
------解决方案-------------------- 设置这个就看不到那个框了 或
本文标题：去除a、button、input等因点击或长按出现的蓝色覆盖层和
本文链接：https://www.haomeiwen.com/subject/eicijttx.html
网友评论