So ändern Sie die Farbe des Titels in der Titelleiste
In meiner Anwendung, ich bin versucht, ändern Sie die Farbe des Titels. Für, die, habe ich einige Themen in der app.scss-Datei. Ich bin in der Lage, ändern Sie die Hintergrundfarbe der Titelleiste. Aber die Farbe des Titels ist nicht zu ändern. Meine app.scss-Datei ist wie folgt:
$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;
}
Und dies ist mein panel-code:
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'
}
]
}
]
}
});
Kann einer bitte helfen?????
Vielen Dank im Voraus..
- nur die Verwendung von Google Chrome-debugger-tool zum überprüfen der CSS-Eigenschaft wirkt sich auf die Farbe der Titel und überschreiben es mit
!important
- Kein Fehler, ich bin immer in der chrome-debuger
- das ist nicht ein Fehler, ich meine den CSS-Inspektor
- element.style { width: 100% !wichtig; height: 100% !wichtig; } Sie Sind darüber zu reden??
- Nein, so etwas wie
color
- prüfen, dass der Titel der Symbolleiste und sehen, was ist die Verwandte
color
Eigentum und überschreiben es mit!important
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden Firebug oder den Safari (oder Chrome) Inspektor, um herauszufinden, wie divs eingebettet in die DOM.
Hier ist, was ich habe, wenn ich überprüfen Sie die Titel der Titelleiste
Können Sie sehen, ein div mit einem
my-titlebar
Klasse enthalten, ein weiteres mit der Klassex-title
. Wenn man sich auf der rechten Seite können Sie sehen, dass das color-Attribut erfolgt, indem diex-title
CSS-Klasse. Daher müssen Sie zum überschreiben dieser Klasse und NICHT fügen Sie eine Farbe Attribut einer anderen Klasse.So, hier ist was Sie tun sollten :
Fügen Sie eine cls-Eigenschaft, um Ihre Titelleiste
Schreiben Sie die CSS -
Und hier gehen Sie :
Letzte Beratung, die Sie verwenden sollten
!important
nur wenn Sie keine Wahl haben. Ansonsten macht es keinen Sinn.Hoffe, das hilft