更改DOJO小部件的默认样式_Dojo

更改DOJO小部件的默认样式

dojo

更改DOJO小部件的默认样式,dojo,Dojo,我希望能够更改一些默认的CSS样式，例如dijit.TitlePane，而不必修改“工厂安装”的CSS主题。我试图做的是删除标题栏的标题和内容外部边框。声明小部件时设置一个类（在本例中为“无边界”）不起作用（见下文：我还尝试在data dojo props中设置该类。仍然不可行）您应该能够通过创建更具体的选择器来替代样式这应该行得通。在body元素中，添加另一个类，如 <body class='claro myCompany'> 基于dom树路径的任何更具体的操作也会起作用，比

我希望能够更改一些默认的CSS样式，例如dijit.TitlePane，而不必修改“工厂安装”的CSS主题。我试图做的是删除标题栏的标题和内容外部边框。声明小部件时设置一个类（在本例中为“无边界”）不起作用（见下文：我还尝试在data dojo props中设置该类。仍然不可行）

您应该能够通过创建更具体的选择器来替代样式

这应该行得通。在body元素中，添加另一个类，如

<body class='claro myCompany'>

基于dom树路径的任何更具体的操作也会起作用，比如

<body class='claro'>
  <div class='fooClass'>
    <your title pane here>

很好用！谢谢我只能假设，如果我能充分使用CSS，并得到像这样可靠的帮助，我最终会了解它的复杂性。

<body class='claro myCompany'>

.claro.myCompany .dijitTitlePaneContentOuter {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: -moz-use-text-color #B5BCC7 #B5BCC7;
border-width: medium 1px 1px;
}

<body class='claro'>
  <div class='fooClass'>
    <your title pane here>

.claro.myCompany .fooClass .dijitTitlePaneContentOuter {
  /* my special css */