如何更改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，然后進行更改背景色。 它會工作。