当前位置: 首页 > 知识库问答 >
问题:

无论如何要防止快速点击时Chrome中元素的蓝色高亮?

党建义
2023-03-14

我试着用大纲:没有但没有效果。有什么解决办法吗?

共有1个答案

卞安邦
2023-03-14

除了Floremin提供的使用JavaScript清除文本选择以“清除”选择的链接之外,您还可以使用纯CSS来完成这一点。CSS在这里...

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

只需将class=“noselect”属性添加到要应用该类的元素中。我强烈建议尝试一下这个CSS解决方案。使用JavaScript没有错,我只是相信这可能更容易,并且在代码中稍微清理一下。

对于android上的chrome来说,-webkit-tap-highlight-color:transparent;是您可能想要在android中尝试支持的另外一个规则。

 类似资料:
  • 问题内容: 大多数时候,我并不担心,但是我有一个图像轮播,如果我快速单击下一个和上一个div,它们会在Chrome中突出显示。 我尝试使用outline:none,但没有效果。有什么解决办法吗? 问题答案: 除了Floremin提供的链接(该链接使用JavaScript清除文本选择以“清除”选择内容)之外,您还可以使用纯CSS来完成此操作。CSS在这里… 只需将属性添加到要应用此类的元素即可。我强

  • 问题内容: 我有以下问题。我在Firefox和Chrome上运行测试。在Firefox上测试可以正常运行,但在Chrome SauceLabs上会显示一条消息: 我在两种测试中均通过唯一的CSS选择器选择元素,方式相同: 有什么主意在这里吗? 问题答案: 我假设您具有所需的正确元素,即XPath是正确的。这里有几种方法: 尝试单击代替。 试试看 代替 尝试执行将在您要单击的元素事件时执行的。 我一

  • 问题内容: 考虑以下HTML: 和以下CSS: 就目前情况而言,Firefox目前与以下内容类似: 注意,第四项在第二和第三列之间分配。我该如何预防? 所需的渲染可能更像: 要么 编辑: 仅指定宽度以演示不需要的渲染。在实际情况下,当然没有固定的宽度。 问题答案: 正确的方法是使用闯入式CSS属性: 不幸的是,截至2019年10月,Firefox不支持此功能,但其他所有主流浏览器均支持此功能。使用

  • 问题内容: 这是一段UI代码 当标签被嵌套在里面的标签。我需要在下拉列表中的第二个元素上。当我尝试使用id / uniqueattr 在标签上时,可单击下拉列表。 如何遍历嵌套在下面的标签并单击正确的项目? 问题答案: 这将在ID为“ order_unit_line_rate_806782_is_addenda_enabled”的选择中选择值为“ 1”的选项。 您也可以按索引或文本进行选择;请参阅

  • 本文向大家介绍div等元素如何阻止点击穿透和实现点击穿透?相关面试题,主要包含被问及div等元素如何阻止点击穿透和实现点击穿透?时的应答技巧和注意事项,需要的朋友参考一下 pointer-events: none; 允许点击穿透 阻止穿透 在js的点击事件里面添加这句话,阻止冒泡 event.stopPropagation();

  • 问题内容: 我正在尝试选择一个位于iframe中并且可能位于其他iframe中的元素。 是否可以以某种方式在(python)硒的某个(子)iframe中选择一个元素而无需先选择iframe?有没有办法以某种方式“遍历”每个iframe并检查在哪里可以找到我的元素…? 以及在元素和html内容以及iframe可能只是被加载的情况下该如何做? 问题答案: 不 , 在不切换到各自的情况下,不可能与直通内