CSS在dojo中设置提示工具提示的样式

Question

是否有人知道负责样式化与promptMessage es相关联的dojo invalidMessage s（或ValidationTextBox s）工具提示的CSS类的名称。

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

我打算在padding工具提示中使用width和promptMessage等CSS属性。

Answer 1

Dijit Tooltip template揭示了结构：

<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 Developer Toolbar可以转到CSS菜单项并选择View Style Information（或者只是在键盘上执行cmd-shift-Y）。这会将光标变成十字准线。然后，您可以在工具提示上移动十字准线，并显示工具提示的整个css链。这通过提供我需要将正确的主题类应用于body标签的提示解决了我的特定样式问题。我编码的系统不允许我直接改变或添加生成的html中的body标签。但是我使用dojo在加载后添加类，如下所示：

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

并且所有内容（对话框和工具提示）现在都很好用。