css - CSS样式化dojo中的提示工具提示

Question

有谁知道负责样式化与es关联的 dojo promptMessage（或invalidMessages）工具提示的 CSS 类的名称。ValidationTextBox

通常，Firebug 可以很好地揭示 CSS 的所有内部工作原理，但在这种情况下，当我尝试检查它时，工具提示提示会消失！

我打算使用诸如工具提示padding之类的 CSS 属性。widthpromptMessage

Answer 1

Dijit Tooltip 模板揭示了结构：

<div class="dijitTooltip dijitTooltipLeft" id="dojoTooltip">
    <div class="dijitTooltipContainer dijitTooltipContents" dojoAttachPoint="containerNode" waiRole='alert'></div>
    <div class="dijitTooltipConnector"></div>
</div>

Answer 2

实际上，尽管我的问题仍然是出于一般目的，但在我感兴趣的特定情况下，可能很容易将 css 标记作为工具提示内容的一部分包含在我想要的内容中：

dijit.form.ValidationTextBox({
   promptMessage = "<div class='customizedWidth'>Blabla</div>"
},myNode);

也就是说，我仍然渴望学习该特定工具提示的 dijit 类。在想要改变整个班级的外观的情况下，这是必要的......

Answer 3

在尝试调试为什么 ValidationTextBox 上的 ToolTip 的 css 显示为纯灰色框而不是使用正确的 css 时，我遇到了类似的问题。在 Firebug 中查看 css 和其他信息的常规方法不起作用，因为单击它时工具提示会消失。但是，我发现使用标准的 Web 开发人员工具栏，您可以转到 CSS 菜单项并选择查看样式信息（或者只需在键盘上执行 cmd-shift-Y）。这会将光标变成十字准线。然后，您可以将十字准线移动到工具提示上，整个 CSS 链将显示在工具提示中。这通过提供我需要将正确的主题类应用于 body 标签的提示解决了我的特定样式问题。我正在编码的系统不允许我直接更改或添加到生成的 html 中的 body 标记。

  dojo.query("body").addClass("claro");

and everything (Dialogs and tooltips) work great now.