如何保持悬停的菜单项处于打开状态，以便我可以使用 firebug 编辑它的样式？

Posted 2023-05-08

【中文标题】如何保持悬停的菜单项处于打开状态，以便我可以使用 firebug 编辑它的样式？

【英文标题】：How can I keep the hovered menu item open so I can edit it's style with firebug?

【发布时间】：2014-08-16 01:45:00

【问题描述】：

我单击 firebug 图标，然后将鼠标悬停在菜单项上，以便在 firebug css 编辑器上检查它的 css

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

如何让悬停的菜单保持打开状态，以便使用 firebug 编辑它的样式？

【问题讨论】：

找到该子菜单的类并删除 display:none

没有更好的办法吗？ firebug 上的停止工具 - 在那里冻结菜单？

如果您打开 Firebug，然后在样式选项卡下的右侧，您可以删除所需的属性。这是@PradeepPansari 已经提到的。

可能对你有帮助。 ***.com/questions/4105102/…

然后您可以在浏览器右侧样式面板中的该元素上应用样式 display:block ..

【参考方案1】：

这种悬停菜单的显示方式有两种，需要区别对待

通过 CSS 这意味着菜单使用:hover 伪类显示。在这种情况下，您可以通过在html panel 中选择对悬停作出反应的元素，然后在Style side panel 的选项中选择 :hover 选项来保持菜单显示。

通过 JavaScript 这意味着菜单通过一些 javascript 事件显示，例如 mouseover 或 click。为了能够检查菜单并更改其样式，您需要在菜单悬停时立即停止脚本执行。如果添加了一个类或在菜单元素悬停时更改了内联样式的 display CSS 属性，您可以通过右键单击 HTML 面板中的菜单元素之一来实现并从上下文菜单中选择 Break On Attribute Change，然后将菜单悬停在页面内。然后脚本执行将停止，您将能够切换回 HTML 面板以检查和编辑样式。注意：必须启用 Script panel 才能工作。 除了使用仅适用于单个 HTML 元素的 Break On Attribute Change 选项，通用 Break On Mutate 函数 () 也可以用于此目的。

李>