Sencha Touch：如何使用css更改selectfield的颜色？

Question

我们是否有任何指定的css用于为sencha touch2中的selecfield着色？

截至目前我的选择区代码如下：

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

Answer 1

您可以为选择字段使用单独的css类。在“xtype”值后面使用“css：'yourclassname'”并将类定义为

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

所以你的代码将是

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

感谢

Answer 2

请检查：http://docs.sencha.com/touch/2-0/#!/guide/theming

使用Sass＆amp;指南针是设计应用程序样式的正确方法！