更改xtype菜单extjs的字体颜色和样式

Question

如何更改用户的字体颜色和样式，如下图所示？我希望它像右侧的白色字体。这是我的代码

{
        text: 'Users',
        iconCls: 'user',
        menu: {
            xtype: 'menu',
            bodyStyle:'background-color:white !important;',
            plain: true,
            items: {
                xtype: 'buttongroup',
                columns: 1,
                defaults: {
                    xtype: 'button',
                    scale: 'large',
                    iconAlign: 'left'
                },
                items: [
                {
                    text: 'Settings',
                    width: 130
                },{
                    text: 'Notifications',
                    width: 130
                },{
                    text: 'Log Out',
                    width: 130
                }]
            }
      }
},
{
        xtype: 'label',
        id: 'h_usr',
        margin: '0 5 0 5',
        hidden: true,
        style: {
            'color':'white',
            'style': 'Helvetica',
            'font-size': '15px'
        },
        html: 'Logged in as <b>admin</b>'
    }

Answer 1

只需更新html配置属性即可包含颜色：

html: 'Logged in as <span style="font-weight: bold; color: green;">admin</span>'

这会使用户名为绿色等等。

Answer 2

有一个名为“textCls”的私有属性，您可以访问，但一如既往，访问私有时要小心。

Answer 3

您可以先尝试删除iconCls: 'user'， 然后你可以设置样式配置：

style: {
            'color':'white',
            'style': 'Helvetica',
            'font-size': '15px'
        },