Javascript 更改Dojo ToolTipDialog的填充_Javascript_Css_Padding_Dojo

Javascript 更改Dojo ToolTipDialog的填充

javascript css dojo

Javascript 更改Dojo ToolTipDialog的填充,javascript,css,padding,dojo,Javascript,Css,Padding,Dojo,我在网上的任何地方都找不到答案，所以我要回答我自己的问题：如何覆盖TooltipDialog弹出窗口的内部填充？挑战：使用dijit.TooltipDialog时，从Claro样式表中为类dijitTooltipContainer分配了6px 8px 8px 6px的内部填充。我在同一个页面上使用了几个工具提示，只想从一个页面中删除这个填充（因此，我不想覆盖默认样式表）。这个特定的工具提示包含一个样式化的无序列表，从0到100以5为增量右对齐的数字，dijitToolIPContainer的

我在网上的任何地方都找不到答案，所以我要回答我自己的问题：如何覆盖TooltipDialog弹出窗口的内部填充？

挑战： 使用dijit.TooltipDialog时，从Claro样式表中为类dijitTooltipContainer分配了6px 8px 8px 6px的内部填充。我在同一个页面上使用了几个工具提示，只想从一个页面中删除这个填充（因此，我不想覆盖默认样式表）。这个特定的工具提示包含一个样式化的无序列表，从0到100以5为增量右对齐的数字，dijitToolIPContainer的额外填充太多了

不幸的是，以下操作不起作用，只会影响父元素（并将其弄得一团糟）：

答案：下面是我如何将内部填充改为0（使用JavaScript）：

也许其他人有更好的方法，这是显而易见的，我找不到。哈。

当我使用Dojo时，我会设置一个自定义主题，并使用claro（或任何其他附带的）和我的自定义主题。然后，我在自定义主题中设置任何这些覆盖

<body class="claro myTheme">

但你只想覆盖一个，所以你可以这样做

// Create the ToolTip
var dialog = new dijit.TooltipDialog({
    content: string,
    id: "newDialog"
},"");
dojo.addClass(dialog.domNode, 'noPadding');

还有css

.myTheme .noPadding .dijitTooltipContainer {
    padding: 0;
}

当我使用Dojo时，我会设置一个自定义主题，并同时使用claro（或任何其他附带的）和我的自定义主题。然后，我在自定义主题中设置任何这些覆盖

<body class="claro myTheme">

但你只想覆盖一个，所以你可以这样做

// Create the ToolTip
var dialog = new dijit.TooltipDialog({
    content: string,
    id: "newDialog"
},"");
dojo.addClass(dialog.domNode, 'noPadding');

还有css

.myTheme .noPadding .dijitTooltipContainer {
    padding: 0;
}