javascript - Dojo：如何找到 digit.form.filteringselect 的 css 定义，尤其是下拉列表？

Question

我们正在使用tundra主题。很难找到样式表定义digit.form.filteringselect，尤其是那个下拉列表区域和选定的文本样式

更新

谁能告诉我负责下拉菜单样式表的 CSS 类？我需要知道，因为我认为这个下拉菜单可以克服 IE7 z-index 问题，我有这篇文章来描述以前的问题，并相信知道这个 dojo 组件是如何呈现的可以帮助我找到解决这个问题的线索。谢谢。

Answer 1

如果您使用的是 firefox 或 chrome，请使用内置控制台进行查找。通常，只需右键单击一个元素并选择“检查元素”选项（如果您安装了 firebug，则选择“使用 firebug 检查元素”）。

例如，您可以通过访问http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/form/_autoComplete.html?testWidget=dijit.form.FilteringSelect并右键单击要监视的项目来做到这一点打开，然后单击“检查元素”

您提到的项目由以下类控制：

• 对于文本框中的文本：.tundra .dijitTextBox .dijitInputInner, .tundra .dijitTextBox .dijitInputInner

• 对于下拉菜单的选项：.claro .dijitMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem

然而，这些都是通用类，所以你不想直接在主题中覆盖它们。相反，请阅读http://dojotoolkit.org/documentation/tutorials/1.9/themes_buttons_textboxes/上的主题教程，因为有很多关于主题的知识。

您还应该阅读http://dojotoolkit.org/reference-guide/1.9/dijit/_CssStateMixin.html上的 CssStateMixin 文档，以了解当您将鼠标悬停在小部件上时 dojo 添加到小部件的类等...

祝你好运 ！