css - 在 extjs 4.2 的字段集中添加颜色

Question

我想将我的字段集的标题设为红色

我尝试使用这个示例但没有成功：

{ xtype:'fieldset',
                columnWidth: 0.5,
                title: dataApplicant,
                collapsible: false,
                defaultType: 'textfield',
                defaults: {anchor: '100%'},
                layout: 'anchor',
                cls: 'my-fieldset',
                items :

                [
    .....
    ..

我在ext-all.css

.my-fieldset {
  background: #F1F3FB,
  border: 1px solid red
}
.my-fieldset .x-fieldset-header {
  color: red
}

我也想要这个文本，例如： name :(*)

我尝试：

  {
                                xtype: 'textfield',
                                fieldLabel: 'name', 
                                allowBlank : false,
                                id: 'numeId',
                                flex: 1,
                                margin: '5 5 5 5'
                            },

而且我不知道如何添加:(*)

在文本字段之后，我希望 (*) 应该是红色

我知道如何在 jsp 中执行此操作，但在 js 中不知道

在 jsp 中，这是一个代码示例：

<tr>
                <td width="20%"><util:message
                            key="name.title" />:<font color="#FF0000">(*)</td>
                    <td width="80%" colspan="3"><form:textfield property="name" allowBlank="false"/></td>
                </tr>   

Answer 1

你可以简单地这样做：

fieldLabel: 'name' +  '<span style="color:red;">(*)</span>'

但这会喜欢这个名字（*）：
最后的冒号符号。

Answer 2

您可以通过多种方式做到这一点。

在文档中，您可以读到标题可以包含 HTML，因此可以像这样定义标题：

...
title: 'Title <span style="color: red">(*)</span>'
...