如何使悬停的菜单项保持打开状态,以便可以使用Firebug编辑其样式?

他们

我单击萤火虫图标,然后将鼠标悬停在菜单项上,以检查萤火虫CSS编辑器上的CSS

在此处输入图片说明

然后,我将鼠标悬停在样式编辑器上以更改其内容,并且由于菜单关闭css而失去了焦点

在此处输入图片说明

如何使悬停的菜单保持打开状态,以便可以使用Firebug编辑其样式?

塞巴斯蒂安·扎特纳(Sebastian Zartner)

在两种情况下,如何显示此类悬停菜单,需要以不同的方式处理

  1. Via CSS
    This means the menus are displayed using the :hover pseudo-class. In this case you can keep the menu displayed by selecting the element reacting to the hovering within the HTML panel and then choosing the :hover option within the Style side panel's options.

  2. Via JavaScript
    This means the menus are displayed via some JavaScript event like mouseover or click. To be able to inspect the menus and change their styles, you need to stop the script execution as soon as a menu is hovered. If a class is added or the display CSS property is changed on the inline style a the menu element when it's hovered, you can achieve this by right-clicking one of the menu elements within the HTML panel and choosing Break On Attribute Change from the context menu and then hovering the menu within the page. Then the script execution will be stopped and you'll be able to switch back to the HTML panel to inspect and edit the styles.
    Note: The Script panel must be enabled for this to work.

    除了使用仅适用于单个HTML元素Break On Attribute Change选项之外,常规的Break On Mutate函数(打破突变按钮)也可以用于此目的。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使悬停的菜单项保持打开状态,以便可以使用Firebug编辑其样式?

来自分类Dev

悬停其子菜单项时保持悬停状态背景色

来自分类Dev

编辑器可以使用菜单编辑器中菜单项的“无”选项做什么?

来自分类Dev

使用Cookie保持jQuery菜单保持打开状态

来自分类Dev

CryptoStream可以使基本Stream保持打开状态吗?

来自分类Dev

CryptoStream可以使基本Stream保持打开状态吗?

来自分类Dev

如何使QComboBox下拉菜单保持打开状态

来自分类Dev

如何处理SVG,以便可以使用Javascript调整其大小?

来自分类Dev

将鼠标悬停在菜单上时,保持Jquery slideDown菜单处于打开状态?

来自分类Dev

您如何维护页面状态,以便可以使用emberjs提供永久链接?

来自分类Dev

如何维护页面状态,以便可以使用emberjs提供永久链接?

来自分类Dev

如何确定URLLoader打开的文件已关闭,以便可以使用FileStrewam在其上写入

来自分类Dev

如何在Android上存储资源,以便可以使用fopen打开它们

来自分类Dev

CSS导航-当光标滚下时,子项目菜单不会保持打开状态:悬停

来自分类Dev

我的导航下拉菜单在悬停时不会保持打开状态

来自分类Dev

CSS下拉菜单在悬停时不会保持打开状态

来自分类Dev

我的导航下拉菜单在悬停时不会保持打开状态

来自分类Dev

CSS下拉菜单在悬停时不会保持打开状态

来自分类Dev

有没有一种方法可以使用“使用”但将文件保持打开状态?

来自分类Dev

如何更改菜单项的样式

来自分类Dev

通过CSS悬停时的菜单项样式

来自分类Dev

jQuery:将鼠标悬停在子菜单项上时保持子菜单打开

来自分类Dev

如何设置MVC网站以使用与CRM Online相同的SSO,以便可以对其进行iframe?

来自分类Dev

单击菜单项可保持悬停效果

来自分类Dev

鼠标悬停时,为什么悬停按钮下拉菜单没有保持打开状态?

来自分类Dev

无法在菜单项上获得所需的悬停状态

来自分类Dev

如何在activity_main_drawer.xml 中编辑菜单项的样式

来自分类Dev

jQuery:单击子子菜单时如何让子菜单保持打开状态

来自分类Dev

如何遍历目录中的文件,以便可以使用PyPDF2打开/读取它们?

Related 相关文章

  1. 1

    如何使悬停的菜单项保持打开状态,以便可以使用Firebug编辑其样式?

  2. 2

    悬停其子菜单项时保持悬停状态背景色

  3. 3

    编辑器可以使用菜单编辑器中菜单项的“无”选项做什么?

  4. 4

    使用Cookie保持jQuery菜单保持打开状态

  5. 5

    CryptoStream可以使基本Stream保持打开状态吗?

  6. 6

    CryptoStream可以使基本Stream保持打开状态吗?

  7. 7

    如何使QComboBox下拉菜单保持打开状态

  8. 8

    如何处理SVG,以便可以使用Javascript调整其大小?

  9. 9

    将鼠标悬停在菜单上时,保持Jquery slideDown菜单处于打开状态?

  10. 10

    您如何维护页面状态,以便可以使用emberjs提供永久链接?

  11. 11

    如何维护页面状态,以便可以使用emberjs提供永久链接?

  12. 12

    如何确定URLLoader打开的文件已关闭,以便可以使用FileStrewam在其上写入

  13. 13

    如何在Android上存储资源,以便可以使用fopen打开它们

  14. 14

    CSS导航-当光标滚下时,子项目菜单不会保持打开状态:悬停

  15. 15

    我的导航下拉菜单在悬停时不会保持打开状态

  16. 16

    CSS下拉菜单在悬停时不会保持打开状态

  17. 17

    我的导航下拉菜单在悬停时不会保持打开状态

  18. 18

    CSS下拉菜单在悬停时不会保持打开状态

  19. 19

    有没有一种方法可以使用“使用”但将文件保持打开状态?

  20. 20

    如何更改菜单项的样式

  21. 21

    通过CSS悬停时的菜单项样式

  22. 22

    jQuery:将鼠标悬停在子菜单项上时保持子菜单打开

  23. 23

    如何设置MVC网站以使用与CRM Online相同的SSO,以便可以对其进行iframe?

  24. 24

    单击菜单项可保持悬停效果

  25. 25

    鼠标悬停时,为什么悬停按钮下拉菜单没有保持打开状态?

  26. 26

    无法在菜单项上获得所需的悬停状态

  27. 27

    如何在activity_main_drawer.xml 中编辑菜单项的样式

  28. 28

    jQuery:单击子子菜单时如何让子菜单保持打开状态

  29. 29

    如何遍历目录中的文件,以便可以使用PyPDF2打开/读取它们?

热门标签

归档