Sencha Touch: how to change the color of selectfield using css?

Question

Do we have any specified css for coloring the selecfield in sencha touch2?

My selectfield code as of now is as follows:

{
    xtype: 'selectfield',
    options: [
    {text: 'AI',  value: 'first'},
    {text: 'AK', value: 'second'},
    {text: 'BR',  value: 'third'}
    ]
}

Answer 1

You can use a separate css class for your select field. Use " css: 'yourclassname' " after your "xtype" value and define the class as

.yourclassname{ background-color:#000;color:#fff;font:normal 12px Arial;}

So your code will be

              xtype: 'selectfield',
              cls:  'yourclassname',
              options: [
                        {text: 'AI',  value: 'first'},
                        {text: 'AK', value: 'second'},
                        {text: 'BR',  value: 'third'}
                        ]

thanks

Answer 2

Please check: http://docs.sencha.com/touch/2-0/#!/guide/theming

Using Sass & Compass is the right way for styling your app!