如何更改Dojo按钮的大小而无需设置样式文本？

Question

我是Dojo和CSS的新手，所以也许我在这里丢失了一些明显的东西。

我有一个页面有几个Dijit按钮，这些按钮是以编程方式创建的，我想让它们中的一个更大 - 让文本单独放置并增加文本和按钮边缘之间的距离。我不想覆盖.dijiButtonNode这样做的CSS，因为还有其他Dijit按钮是不应该改变的页面。

我尝试添加这小部件声明：

style: { padding: "1em" } 

这：

class: "PaddedButton" 

.PaddedButton 
{ 
    padding: 1em; 
} 

但由于Dijit的按钮都呈现为嵌套跨越它填补了周围区域按钮来代替。

Answer 1

使用CSS的最佳方式是使用Firebug或Chrome开发人员工具之一的浏览器调试工具（您应该已经使用过）。您可以使用inspect_element轻松找到元素的DOM节点，然后直接编辑它的CSS样式，直到他们做到您想要的。您还可以查看哪些CSS规则处于活动状态以及被忽略或覆盖的内容。

我想出了一个工作示例这里： http://jsfiddle.net/missingno/FrYdx/2/

的重要组成部分，是下面的CSS选择器：

.paddedButton.dijitButton .dijitButtonNode { 
    padding: 1em; 
} 

这将选择与类dijitButtonNode从具有节点源自任何节点paddedButton和dijitButton类。我不能只做.paddedButton .dijitButtonNode，因为那时规则最终会被更具体的选择器级联。