无论如何,要防止快速单击时 Chrome 中的元素蓝色突出显示?

2023-12-20

大多数时候我并不担心它,但我有一个图像轮播,如果我快速单击下一个和上一个 div,它们将在 Chrome 中突出显示。

我尝试使用大纲:无但没有效果。有什么解决方案吗?


对于 Android 上的 Chrome,您可以使用-webkit-tap-highlight-color CSS 属性 https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color:

-webkit-tap-highlight-color 是一个非标准 CSS 属性,用于设置 链接时出现的突出显示的颜色 被点击。突出显示向用户表明他们的点击正在被执行 成功识别,并指示他们正在点击哪个元素 在。

要完全删除突出显示,您可以将该值设置为transparent:

-webkit-tap-highlight-color: transparent;

请注意,这可能会对可访问性产生影响:请参阅.outlinenone.com http://www.outlinenone.com/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无论如何,要防止快速单击时 Chrome 中的元素蓝色突出显示? 的相关文章

  • 如何在 Angular 应用程序中动态更改 CSS 类名称?

    我有两个 CSS 类名 如下所示 icon heart color bdbdbd icon heart red color a6b7d4 我的 HTML 包含一个心形图标 div class icon heart div
  • Bootstrap:列表内联项目符号?

    有人知道如何在 Bootstrap 3 中水平列表中的元素之间添加项目符号 分隔符吗 ul class list inline li Author Michal li li Modified 17 08 2014 li li Comment
  • 强制应用媒体查询

    我有这个 html 和 css 代码 div class wrapper div class a div div class b div div media all and max width 400px max height 300px
  • Zurb 基金会粘性页脚

    我想使用 Foundation 4 拥有粘性页脚 并且我想使用 HTML5
  • HTML CSS 循环协助

    希望你能帮忙 我想知道您是否可以在循环中创建以下类型 你知道这是否可能吗 body background 000 DEMO SPECIFIC STYLES typewriter h1 color fff font family Bebas
  • 角度材质表-表内边框

    I am using Angular material table and I want to set border inside the table Using CSS I was able to set border Normal ca
  • Chrome 本机消息传递 - 为什么我会收到“找不到指定的本机消息传递主机”错误?

    根据 Chrome Native Messaging 文档 成功调用 connectNative 会返回一个端口 您可以使用该端口将消息发布到本机应用程序 Mac 应用程序 在我的例子中 nativeConnect 确实返回了一个有效的端口
  • 从 Chrome 应用程序使用 Google 地图 API

    我正在尝试在 Chrome 应用程序中使用 Google 地图 每当我尝试加载 JavaScript 时 都会收到错误 Refused to load the script https maps googleapis com maps ap
  • 滚动时多个图像淡出

    我有一个页面 在每个导航点上 网站中间的图像通过淡入淡出来改变颜色 我设法淡入 active3 fadeIn 2000 不过 我遇到了再次淡出它的问题 让我尝试解释一下 我有 5 个导航点和 5 个不同的图像 如果我 例如 从第一个导航点滚
  • 单击后按键不会删除过渡

    我认为问题可能出在const 音频 document querySelector audio data key e keyCode const key document querySelector key data key e keyCod
  • 如何获取 Google Chrome 中所有加载的 CSS 类的列表?

    有时我需要打印 CSS 类列表才能找到合适的类 最适合我的是 JS 控制台中的函数 当您键入时 JS 类列表会被加载和过滤 例如 如果我需要记住一个图像类 我输入 Img 然后加载图像类列表 ImgFolder ImgPencil var
  • Sass mixin 将背景透明度恢复到 IE8

    我是 Sass 新手 并为此苦苦挣扎 我无法在两者中渲染颜色hex 对于 IE 和rgba 每一个小片段都让我感到沮丧 因为我还没有掌握语法 而且 Sass 的 Google 结果仍然很少 这是混合 mixin transparent he
  • CSS3 变换:IE 中的缩放

    我想使用CSS3属性transform scale div transform scale 0 5 0 5 有没有办法在 Internet Explorer 8 及更低版本中模仿这个 可能与filter或者 JavaScript 解决方案
  • 在问题内显示内联块文本

    我一直在尝试显示内联块 如果我没有在 div 中添加任何内容 一切都会很好 但是当我这样做时 div 会折叠起来 我不知道确切的原因 任何想法 https jsfiddle net giancorzo ebqoptbd https jsfi
  • 为什么我的 CSS 属性被覆盖/忽略?

    我对 CSS 层次结构 有一些问题 不确定将其称为层次结构是否正确 我正在尝试设置以下 HTML 的样式 section section
  • Webkit 是否有 CSS3 网格布局的有效实现?

    CSS 网格布局 编辑草案 2011 年 11 月 21 日 http dev w3 org csswg css3 grid align 我正在制作一个原型 该原型将在选定的设备和浏览器上向客户展示 目前我并不担心跨浏览器兼容性 IE10开
  • CSS 边框样式 INSET 或 GROOVE 看起来与 IE9 FF4 或 Safari5 或 Chrome2 非常不同

    抱歉 我是个白痴 但是当我尝试获得某种凹槽效果或插入效果作为边框样式时 我从不同的浏览器中得到了一些非常非常大的视觉结果 使用时 border 5px groove A00 or border 5px inset A00 Firefox 3
  • Chrome --app 相当于 Firefox\IE

    我有一个网络应用程序 客户要求单击不同按钮时更改浏览器窗口大小 我发现在那link https stackoverflow com questions 13436855 launch google chrome from the comma
  • WordPress 子主题包括包含文件

    我在一家WordPress使用 AMPPS 作为本地主机在我的本地计算机上进行设置 使用 Delta 主题 我创建了一个子主题 delta2 child 初始设置效果很好 但是 我需要更改包含文件夹中名为 home slider php 的
  • 为什么我的 Web 组件 CSS 不显示?我没有使用shadowDOM

    我有一个没有使用 ShadowDOM 的 Native V1 组件 所以我将 CSS 放在 但是当其他人使用我的组件时 我的 CSS 就不再起作用了 仅当其组件确实使用 ShadowDOM 时才会发生这种情况 我的组件的示例代码 class

随机推荐

  • JavaScript 中的连接

    由于某种原因 当 keyText 变量应该连接关键字中的每个变量时 它没有显示任何值 当有人单击该按钮时 它会运行 addKeyword 并获取输入的值 尝试 Console Log keyText 变量 但根本不起作用 var keywo
  • SQLLocalDB.exe 信息 - 返回错误代码 15100 等

    我正在尝试解决 LocalDB 的版本问题 命令 sqllocaldb i 似乎有效 C WINDOWS system32 gt sqllocaldb i MSSQL本地数据库 项目V12 但是 当我要求特定的内容时 我只得到错误 我使用的
  • scipy-cluster 定制生成的树状图

    这是后续scipy cluster 生成的树状图不显示 https stackoverflow com q 2967858 188368 from matplotlib pyplot import show from scipy spati
  • 通过html和javascript将文件上传到远程服务器

    我正在尝试通过基于 UNIX 的服务器中的 html 页面上传文件 但我不知道如何在远程服务器上获取文件并在那里保存文件 我写了下面的代码请帮我连接它
  • Firebase 身份验证在 1 小时后过期

    我能够允许用户使用电子邮件和密码登录 Firebase 我按照以下说明进行操作 https firebase google com docs reference rest auth section sign in email passwor
  • 到底什么是“对齐指针”?

    有人可以告诉我什么是对齐指针实际上意味着什么 这意味着所指向的地址可以被某个因子整除 有时使用术语 自然对齐 这通常意味着具有自然对齐的对象需要放置在可被对象大小整除的地址处 对齐有时非常重要 因为许多与硬件相关的事物都对这种对齐设置了限制
  • 如何为不同的页面加载不同的css?

    我正在尝试为我的页面创建不同的样式表 我有一个设置的头文件 然后我就有了我的主体页面 我将有main html project html contact html etc php load different pages for my bo
  • 如何获取未保存的脚本选项卡

    我想知道是否可以在 R studio 中获取未保存的脚本选项卡 我不小心打开并切换到新项目 然后我未保存的脚本消失了 任何人都可以帮助获取我未保存的脚本选项卡 如果您使用的是 Windows 请转到文件夹 C Users your user
  • 使用 DBIx::Class::ResultSet 的 find_or_create 方法时如何避免竞争条件?

    从文档中find or create http search cpan org arodland DBIx Class 0 08196 lib DBIx Class ResultSet pm find or create 注意 因为find
  • 检查图像是否彩色

    我想弄清楚图像是否是彩色的 在this https stackoverflow com questions 2150504 how can i check the color depth of a bitmapStackOverflow问题
  • Flexbox/IE11:flex-wrap:换行不换行(里面有图像+ Codepen)

    我创建了一个包含社交图标的列表 这些图标应该在小屏幕上环绕 I use flex wrap wrap 它在 Firefox 和 Chrome 中完美运行 但 Internet Explorer 11 和 IE 10 不会打破界限 Codep
  • Spring Data JPA:通过示例进行查询?

    使用 Spring Data JPA 我可以做举例查询 http docs jboss org hibernate orm 4 3 manual en US html ch17 html querycriteria examples其中特定
  • Varnish/Apache 随机 503 错误

    我在托管大约 30 个网站的 Rackspace 云服务器上运行 cPanel 我正在使用 Varnish 3 0 3 Apache 2 2 23 我收到随机 503 错误 如果我重新启动 httpd 进程 它们就会消失 我检查了 Apac
  • 当选择为 textView 和 editText 添加边框形状时,

    我想创建一个边框形状TextView and EditText 并在出现时显示view is selected 就像这个picture 您应该使用可绘制选择器来实现您的 UI 首先创建一个background edit text defau
  • Sidekiq 列出所有作业 [已排队 + 正在运行]

    有没有办法获取当前在队列中并正在运行的所有作业的列表 基本上 我想知道给定班级的工作是否已经存在 我不想插入我的其他工作 我见过其他选择 但我想这样做 我可以看到here https github com mperham sidekiq w
  • 获取两个 json 对象的差异

    场景 我想要一个比较两个 JSON 对象的函数 并返回一个包含差异列表的 JSON 对象 如果可能的话还返回更多数据 例如覆盖率指标 var madrid type team description Good trophies ucl 10
  • Android sdk 剪切/修剪视频文件

    有没有办法在android上剪切视频 mp4或3gp 比如只使用电影的最后5秒 在iphone上可以使用AVAssetExportSession 但在android上我还没有找到类似的东西 也许对 ffmpeg 库的一些引用看起来很复杂 有
  • 错误找不到模块“umask”

    我刚刚安装节点 x64在我的 Windows 10 计算机上 我保留所有默认配置 我打开cmd并输入 npm v 然后我得到以下错误 module js 457 throw err Error Cannot find module umas
  • 无法从 Java 中的 JDateChooser 检索日期

    我在用JDateChooser from here http www toedter com en jcalendar api index html 但是我无法检索使用该方法设置的格式的日期setDateFormatString在控制台中显
  • 无论如何,要防止快速单击时 Chrome 中的元素蓝色突出显示?

    大多数时候我并不担心它 但我有一个图像轮播 如果我快速单击下一个和上一个 div 它们将在 Chrome 中突出显示 我尝试使用大纲 无但没有效果 有什么解决方案吗 对于 Android 上的 Chrome 您可以使用 webkit tap