如何更改sencha中选择字段的选定值的颜色？

Question

如何更改sencha中选择字段的选定值的颜色？它默认显示为灰色。

                {

                    xtype: 'selectfield',
                    ui: 'text',
                    value : 12,
                    cls:'b',
                    style: {
                        'font-size':'12px',
                    },
                    options: belts
                },

在我的app.scss中我有：

.b
{
color:black !important;
 }

我也尝试过：

                {

                    xtype: 'selectfield',
                    ui: 'text',
                    value : 12,
                    cls:'b',
                    style:  'font-size:12px;color:black',
                    options: belts
                },

有人可以帮助我吗？

Answer 1

我实际上希望文字显示为黑色。改变

ui:'text' 

到

ui:'plain'

帮助我解决了这个问题。

Answer 2

试试这种方式： -

{
  xtype: 'selectfield',
  label: 'Choose one',
  inputCls:'selecttext',
  options: [
             {text: 'First Option',  value: 'first'},
             {text: 'Second Option', value: 'second'},
             {text: 'Third Option',  value: 'third'}
           ]
}

在css make class

中

.selecttext{
   color: #f25454 !important;
   -webkit-text-fill-color:#f25454 !important;
   background-color: #2d2d2d;
}