如何更改sencha touch输入文本字段的默认样式？

Question

我想更改输入文本字段在Sencha touch中的显示方式。 我希望文本字段如下所示

我尝试将CS​​S更改为

background-color: rgba(0,0,0,0.0);

为了使背景透明，我也尝试调整边框，但对我来说不起作用。

请帮我解决一下这个。

Answer 1

1>查看文件

                               {
                                    xtype: 'textfield',
                                    name: 'email',
                                    clearIcon: false,
                                    itemId: 'name',
                                    ui: 'plain',
                                    inputCls: 'login-textfield',                                        
                                    placeHolder: 'Email'
                                }

2> .css文件

.login-textfield {
    background-color: #fff !important;
    color: #5d5d56 !important;
}

3>通过使用样式或cls配置为父面板（xtype：'fieldset）提供更精确的白色背景。

Answer 2

根据您的要求，您必须创建css类，并将其作为baseCls和inputCls这些作为textfied的配置。

Answer 3

1）转到Sencha文档

2）在右上方的搜索字段中输入“文本字段”

3）在标题栏中，将鼠标悬停在“ CSS Vars”上

。

如您所见，有很多$ Var可以用来轻松设置文本输入字段的样式。 仍然要使输入字段看起来像您想要的那样，您将需要更多的CSS。

。

4）使用Naresh Tank提到的inputCls，但现在避免使用baseCls（Naresh经验更丰富，因此，对他来说容易些，在这里可能不适合您）。

造型愉快。 其他所有内容都不是Sencha Touch，而是纯CSS。

Answer 4

使用sencha mountainView主题为android，然后进行更改背景色。 它会工作。