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

Question

我想改变输入文本字段在Sencha touch中的显示方式。我希望文本字段看起来像下面显示的那样

我尝试将css更改为

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

因此背景是透明的。我也尝试调整边框，但它对我不起作用。

请帮助我。

Answer 1

1＆GT;查看文件

                               {
                                    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＆GT;通过使用样式或 cls 配置，为您的父级面板（xtype：'fieldset）提供更精确的白色背景。

Answer 2

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

Answer 3

1）转到Sencha docs

2）输入＆＃34; textfield＆＃34;在右上角的搜索栏中

标题栏中的

3）将鼠标悬停在＆＃34; CSS Vars＆＃34;

上

正如您所看到的，您可以使用相当多的$ Vars来轻松设置文本输入字段的样式。 仍然要使输入字段看起来像你想要的，你需要更多的CSS。

4）使用Naresh Tank提到的inputCls，但是现在要避免使用baseCls（Naresh更有经验，因此，对他来说很容易，可能不适合你）。

快乐的造型。其他一切都不是Sencha Touch，而是纯CSS。

Answer 4

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