Question

我是sencha touch的新手。我们如何将按钮的背景颜色更改为白色？我有一个按钮，每个角落有两个图像。我希望按钮是纯白色的。我尝试使用这样的css：

.quest {
background: url(../images/quest.jpg) no-repeat left,
       url(../images/rightarrow.jpg) no-repeat right;
       background-color: white;
       border: none;
       border-color:white;
       padding-left: 50px;
       text-align: left;
}

我的按钮在这里：

{
    xtype: 'button',
    text: '<div class="quest">Info</div>',
    labelWidth: '100%',
    name: '',
    handler: function() {                 
    }
}

我的按钮有灰色边框（sencha中的灰色默认按钮颜色），中间有白色。我如何让它完全变白？请帮忙。

我甚至尝试过：

style: "background-color: white"

Answer 1

使用'cls'属性解决了我的问题。

               {

                   xtype: 'button',
                   cls: 'btn',
                   text: '<div class="person">People</div>',
                   labelWidth: '100%',


                },

在我的app.css中定义

.btn
{
background-color: white !important;
background-image: none;
}

我们必须重新定义背景色和背景图像属性，以便覆盖默认的sencha-touch.css属性。谢谢Thiem Nguyen的帮助。

Answer 2

就像Thiem Nguyen所说，这将有效

           {
                xtype:'button',
                text:'text',
                ui:'plain',
                style:'background-color:white'
            }

Answer 3

这应该呈现您想要的按钮：）

config: {
        ui: 'plain',
        text: 'Your Text',
        style: 'background-color:white;'
    }

按钮背景颜色在sencha

3 个答案: