dynamic - 如何在动态出现的组件上使用 Firebug CSS？

Question

我正在开发一个基于 Javascript 的站点，该站点使用 Dojo 框架。

我正在使用DataPicker。我希望更改 datePicker 的背景颜色，因此我希望查看 CSS 中设置的颜色，以便我可以在我的 CSS 中覆盖它。

通常我使用 FireBug 和“Inspect Element in FireBug”一起查看 HTML 和 CSS。（甚至是谷歌浏览器的开发者工具）

然而，这个日期选择器是一个动态创建的组件，如果我右键单击或将鼠标移到 Firebug 窗口中，日期选择器将被关闭/销毁。（您可以在链接页面上查看示例）

有没有办法使用 Firebug 或其他方法检查这些动态元素的 CSS？

Answer 1

我为 dijit 弹出小部件找到的最佳方法是（使用 chrome）

1. 打开弹出窗口（在本例中为日期选择器）
2. 右键单击元素
3. 从上下文菜单中选择“检查元素”
4. Chrome 将打开并将焦点转移到开发人员工具，而不会模糊页面的焦点，保持弹出窗口打开，允许您修改属性和 css 规则并获得即时反馈。