Bouton couleur du texte dans Extjs 4

Je suis en utilisant Exjts 4 et je veux changer le texte du bouton de couleur. Voici mon code:

{
     xtype: 'button',
     text: 'My Button',
     style:{
         color: 'red'
     }  
}

OriginalL'auteur Alejandro Mosquera | 2013-06-19

  1. 3

    Il y a un comportement étrange dans Extjs 4.2.0, mais il y a une substitution possible. Donner votre button un class à l'aide de cls:'yourClassName' bien et puis dans le CSS de faire un chemin d'accès complet à span tenir le texte, comme suit: .yourClassName div a span. Donnez également votre propriété css un !important de la valeur à réussi à remplacer la classe de base.

    Ext.create('Ext.Button', {

    text: 'Click me',

    renderTo: Ext.getBody(),

    handler: function() {
        alert('You clicked the button!');
    },

    cls: 'foo'
});

    et en css tout simplement:

    .foo div a span
{
    color:#ff0000 !important;
}

    Ici est un exemple.

    Merci!!!! J'aime bien cette solution

    OriginalL'auteur Davor Zubak

  2. 6

    Au cas où quelqu'un en a besoin. Je ne sais pas si c'est une solution sale, mais il fonctionne

    {
 xtype: 'button',
 text: '<div style="color: red">My Button</div>',     
}

    OriginalL'auteur Alejandro Mosquera

  3. 4

    Davor Zubak faire la lumière sur une solution même si elle a échoué dans mon application complexe. J'ai obtenu ce que je veux par la présente:

    1. Bouton cls: 'myButton'

    2. Dans mon fichier css, définir:

      .myButton .x-btn-inner {
    color: red;
    font-family: Georgia;
    font-size: large;
    font-weight: bold;
}

    De cette manière, il remplace uniquement les ExtJS thème pour les boutons qui ont "myButton" de cls.

    OriginalL'auteur Marshal