SmartGWT 中的标签未采用 CSS 样式

Question

我正在尝试将基本的标签样式应用于我的 SmartGWT 应用程序中的标签。为此，我定义了这个简单的 ProjectName.css 文件：

HeaderTitle {
    font-size: 3em;
    color: #FFFFFF;
    text-align: left;
}

这是我尝试将样式设置为标签的函数：

private Label createLabel(String title, String style) {
    Label label = new Label(title);
    label.setStyleName(style);
    return label;
}

并且在我的 ProjectName.html 文件中，我有以下行来指定我的 css 定义的使用：

<link type="text/css" rel="stylesheet" href="ProjectName.css">

问题是标签不会采用 css 文件中定义的任何样式。

当我检查其中一个标签的 DOM 时，我得到了这个：

<div id="isc_W" eventproxy="isc_Label_0" style="POSITION:relative;-webkit-margin-collapse:separate separate;VISIBILITY:inherit;Z-INDEX:200540;CURSOR:default;"><table role="presentation" cellspacing="0" cellpadding="0" width="100" height="54"><tbody><tr><td class="HeaderTitle" align="left" valign="middle" style="">Simulador AA</td></tr></tbody></table></div>

似乎 css class 已正确分配，但未使用 css 文件值。我不是 html/css 方面的专家，但看起来 class 没有应用于正确的元素？

我在这里错过了什么？

Answer 1

.HeaderTitle {
    font-size: 3em;
    color: #FFFFFF;
    text-align: left;
}

当您将 css 应用于 class 时，您需要在 class 名称之前使用 . 来定义您正在将 css 应用于class.

同样，如果您以后申请 css 作为 id，那么您必须在它之前使用 # :)

Answer 2

我想通了：对 css 文件的引用 ProjectName.html

<link type="text/css" rel="stylesheet" href="BMSimulator.css">

在我的 SmartGWT 皮肤模块参考之前：

<script src="bmsimulator/sc/skins/Enterprise/load_skin.js"></script>

更改这两个调用的顺序使 css 文件能够正确加载！

SmartGWT 中的标签未采用 CSS 样式

Label not Taking CSS Style in SmartGWT

css

label

smartgwt