Sencha touch 如何更改标题栏中标题的颜色

在我的应用程序中，我试图更改标题的颜色。为此，我在app.scss文件中添加了一些主题。我可以更改标题栏的背景色。但标题的颜色并没有改变。我的app.scss文件如下所示：

    $base-color: #588aad; // go big blue!$include_default_icons: false;
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;


@include pictos-iconmask("bookmarks");
@include pictos-iconmask("compose");
@include pictos-iconmask("trash");
@include pictos-iconmask("search");
@include pictos-iconmask("bookmark2");


@include sencha-toolbar-ui('blue', #EEEEEE,'matte');
.x-toolbar .x-toolbar-title {
    color: #5a3d23;
}

这是我的面板代码：

  Ext.define('MyApp.view.TitlePanel', {
    extend: 'Ext.Panel',

    config: {
        modal: false,
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                height: 120,
                ui: 'blue',
                title: 'Teritree Bussiness Portal',
                items: [
                    {
                        xtype: 'image',
                        docked: 'left',
                        height: 118,
                        width: 202,
                        src: 'resources/images/Logo.PNG'
                    }
                ]
            }
        ]
    }

});

有人能帮忙吗？？？

---

提前感谢。

使用Firebug或Safari（或Chrome）inspector来了解DIV是如何嵌入DOM的

这是我检查标题栏标题时得到的信息

您可以看到一个带有

my titlebar

类的div，其中包含另一个带有class

x-title

的div。如果您查看右侧，您可以看到颜色属性由

x-title

CSS类携带。因此，您需要重写该类，而不是向另一个类添加颜色属性

下面是你应该做的：

将cls属性添加到标题栏中

xtype: 'titlebar',
cls:'my-titlebar',
docked: 'top',
height: 120,

编写CSS

.my-titlebar .x-title{
  color:white;
}

给你：

最后一条建议，您应该使用

！重要信息

仅当您别无选择时。否则就没有意义了

---

希望这有帮助

只需使用Google Chrome调试器工具检查影响标题颜色的CSS属性，并用

覆盖它！重要信息

在chrome调试程序中没有错误这不是错误，我是指CSS InspectoreElement.style{宽度：100%！重要信息；高度：100%！重要信息；}你在谈论这个吗？检查工具栏的标题，看看什么是相关的

颜色

属性，并用

覆盖它！重要的

+1对于这个和-1对于我的懒惰LOL，我只是想评论一些东西来帮助他，但也许像这样更具体的东西更有用一开始，我认为对于这样一个简单的问题，这是一个有点夸张的答案，但后来我意识到，当你回答一个问题时，教授最佳实践并给出一些提示是最好的方法。谢谢你。