在Chrome开发者工具中禁用:hover状态

MasterScrat

我知道您可以:hover在开发工具中的某个元素上强制使用该状态(请参见:例如,请参阅Chrome开发者工具中的:hover状态)。

我想做相反的事情:即使光标在元素上,也要阻止元素:hover应用状态

这样,我可以在悬停时消失的元素上使用元素选择器。

富勒姆

:hover处于固定状态时,分别禁用样式

  1. 由于您要在悬停时消失的元素上使用元素选择器,因此需要打开Chrome Developer工具并手动将DOM树导航到目标元素节点。
    在此处输入图片说明
  2. 选中元素后,单击样式面板顶部的“切换元素状态”图钉图标。
    在此处输入图片说明
  3. 固定:hover状态。看到:hover现在出现了选择器和定义状态的规则
    在此处输入图片说明
  4. 根据需要禁用单个规则以实现您的目标。
    在此处输入图片说明
  5. 取消固定:hover状态。
    在此处输入图片说明

现在,您已禁用应用于元素:hover状态的部分或全部规则您可以按照上述步骤并启用部分或全部规则来有选择地重新打开这些规则。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何禁用Chrome开发者工具包(工具)

来自分类Dev

Chrome开发者工具:如何禁用自动完成代码?

来自分类Dev

在Chrome开发者工具中,如何禁用要刷新的元素周围的突出显示?

来自分类Dev

Chrome开发者工具中未定义角度

来自分类Dev

无法在Chrome开发者工具中查看Ajax响应

来自分类Dev

无法在Chrome开发者工具中编辑JavaScript

来自分类Dev

Chrome开发者工具中的“会话存储”是什么?

来自分类Dev

忽略“ Chrome开发者工具”窗格中的点击

来自分类Dev

如何在Chrome开发者工具中查看:: selection

来自分类Dev

在Chrome开发者工具中查看请求时间

来自分类Dev

在Chrome开发者工具中检查Javascript悬停

来自分类Dev

Chrome Canary中的开发者工具无法正确显示

来自分类Dev

Chrome Canary中的开发者工具无法正确显示

来自分类Dev

如何在 Eclipse 中设置 Chrome 开发者工具

来自分类Dev

开发者工具

来自分类Dev

在Chrome开发者工具源代码窗口中禁用滞后滚动条

来自分类Dev

如何禁用或编辑Google Chrome开发者工具快捷方式?

来自分类Dev

Chrome开发者工具:在性能分析工具中查找事件的来源?

来自分类Dev

只有打开Chrome开发者工具后,JavaScript代码才能在Chrome中运行

来自分类Dev

如何在Chrome应用中打开Chrome开发者工具

来自分类Dev

如何从Chrome开发者工具的“监视”面板中的<功能范围>的“闭包”中访问值?

来自分类Dev

如何从Chrome开发者工具的“监视”面板中的<功能范围>的“闭包”中访问值?

来自分类Dev

为什么我的 JavaScript 文件只显示在 Chrome 开发者工具中的包中?

来自分类Dev

转到Chrome开发者工具扩展程序中的源代码行?

来自分类Dev

如何在Chrome开发者工具中设置默认的网络过滤器?

来自分类Dev

有什么方法可以阻止div在Chrome开发者工具中滑动?

来自分类常见问题

如何在MAC上的Chrome开发者工具中取消隐藏过滤的消息

来自分类Dev

Chrome开发者工具的代码段保存在哪个文件中?

来自分类Dev

直到我在Chrome开发者工具中编辑元素,SVG才会显示

Related 相关文章

  1. 1

    如何禁用Chrome开发者工具包(工具)

  2. 2

    Chrome开发者工具:如何禁用自动完成代码?

  3. 3

    在Chrome开发者工具中,如何禁用要刷新的元素周围的突出显示?

  4. 4

    Chrome开发者工具中未定义角度

  5. 5

    无法在Chrome开发者工具中查看Ajax响应

  6. 6

    无法在Chrome开发者工具中编辑JavaScript

  7. 7

    Chrome开发者工具中的“会话存储”是什么?

  8. 8

    忽略“ Chrome开发者工具”窗格中的点击

  9. 9

    如何在Chrome开发者工具中查看:: selection

  10. 10

    在Chrome开发者工具中查看请求时间

  11. 11

    在Chrome开发者工具中检查Javascript悬停

  12. 12

    Chrome Canary中的开发者工具无法正确显示

  13. 13

    Chrome Canary中的开发者工具无法正确显示

  14. 14

    如何在 Eclipse 中设置 Chrome 开发者工具

  15. 15

    开发者工具

  16. 16

    在Chrome开发者工具源代码窗口中禁用滞后滚动条

  17. 17

    如何禁用或编辑Google Chrome开发者工具快捷方式?

  18. 18

    Chrome开发者工具:在性能分析工具中查找事件的来源?

  19. 19

    只有打开Chrome开发者工具后,JavaScript代码才能在Chrome中运行

  20. 20

    如何在Chrome应用中打开Chrome开发者工具

  21. 21

    如何从Chrome开发者工具的“监视”面板中的<功能范围>的“闭包”中访问值?

  22. 22

    如何从Chrome开发者工具的“监视”面板中的<功能范围>的“闭包”中访问值?

  23. 23

    为什么我的 JavaScript 文件只显示在 Chrome 开发者工具中的包中?

  24. 24

    转到Chrome开发者工具扩展程序中的源代码行?

  25. 25

    如何在Chrome开发者工具中设置默认的网络过滤器?

  26. 26

    有什么方法可以阻止div在Chrome开发者工具中滑动?

  27. 27

    如何在MAC上的Chrome开发者工具中取消隐藏过滤的消息

  28. 28

    Chrome开发者工具的代码段保存在哪个文件中?

  29. 29

    直到我在Chrome开发者工具中编辑元素,SVG才会显示

热门标签

归档