当前位置: 首页 > 面试题库 >

是否可以在快速单击时防止Chrome中的元素以蓝色突出显示?

萧永望
2023-03-14
问题内容

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

我尝试使用outline:none,但没有效果。有什么解决办法吗?


问题答案:

除了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 -webkit-tap-highlight-color: transparent;上的 chrome
是您可能要尝试在Android中获得支持的附加规则。



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

  • 问题内容: 我的这个div元素带有背景图像,并且双击它时我想停止在div元素上突出显示。是否有CSS属性? 问题答案: 下面的CSS阻止用户选择文本。 要向下定位IE9和Opera,必须改用html属性:

  • 像往常一样,在进行自动化测试时,我在Chrome中使用“inspect”(Ctrl+Shift+I)通过xpath、id、CSS选择器等查找元素。例如: 上面是这个页面中的一个xpath。在Chrome的早期版本中,在“DevTools”/“elements”中,按Ctrl+F打开“find”选项并粘贴该xpath元素后,在DevTools窗口中突出显示。在新版本的chrome中,它没有突出显示,

  • 问题内容: 使用AntiForgeryToken要求每个请求都传递一个有效的令牌,因此带有简单脚本将数据发布到我的Web应用程序的恶意网页将不会成功。 但是,如果恶意脚本首先发出一个简单的GET请求(由Ajax发出),以便在隐藏的输入字段中下载包含防伪令牌的页面,然后将其提取出来并用于进行有效的POST,该怎么办? 是否有可能,或者我缺少什么? 问题答案: 是的,这就是您需要做的。 只要您在每个受

  • 我有一些代码使用聚合物属性e <代码> polymer的工作方式是,我不能简单地说<code>force-shorrow=“false”,如果我想禁用该属性,必须将其完全删除。在Angular2中是否有方法有条件地删除整个属性?我似乎找不到关于这个话题的任何信息。我可以使用并重复整个元素,包括属性和不包括属性,但如果可能的话,我宁愿不这样做。谢谢 编辑 - 为什么将此问题标记为重复并关闭?我在有问

  • 我是的新手,需要检查元素是否可以在中单击,因为在和上都传递。 我尝试使用以下代码,但不起作用: