css - 如何更改sencha中Select Field的选定值的颜色？

Question

如何更改sencha中Select Field的选定值的颜色？默认情况下显示为灰色。

                {

                    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 中制作类

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