css - 如何使用 CSS 为 Dojo 中的 BorderConatiner 设置自定义样式

Question

我正在尝试使用 CSS 设置 BorderContainer 的样式，但它不起作用。内联样式效果很好，但我想使用样式表。我正在尝试使用 baseClass 来覆盖我无法使其工作的任何样式。

<div baseClass="bodyContent" dojotype="dijit.layout.BorderContainer"></div>

CSS

.bodyContent {
border-right: 10px solid #B5BCC7 !important;
border-left: 10px solid #B5BCC7 !important; }

当我检查页面上的元素时，它没有显示 bodyContent 样式。你不能使用 baseClass 来覆盖布局中的样式吗？有什么想法吗？

Answer 1

baseClass 被标记为 protected 并被小部件内部用来建立自己的样式。您是否尝试过只使用“类”？这应该转移到小部件创建的新 DOM 并可供您的 CSS 选择器使用。