Sencha Touch：如何使用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!