将颜色添加到显示字段的单个行

Question

我有这段代码，我需要在显示字段中为一行添加颜色。我该怎么做？

var text = Ext.create('Ext.form.field.Display', {
        fieldStyle: 'font-weight: bold; color:  #00a8d0',
        value : 'value  1' + '<br>' + 'value 2'
    });

通过这样做，值1和值2都被着色。但我希望只有值1才能被列入。任何建议，将不胜感激。谢谢

Answer 1

只需将项目包装在div中：

var text = Ext.create('Ext.form.field.Display', {
    renderTo: document.body,
    value: '<div style="font-weight: bold; color:  #00a8d0;">value 1</div><div>value 2</div>'
});

Answer 2

请参考此fiddle。请在此处提供一些来自css文件的类名，并在那里添加这些样式。如果有任何问题，请回复。任何更新