Javascript 如何更改Ext.Msg.alert Sencha touch的背景色

我想更改Sencha Touch中警报消息框的背景色，但我对此一无所知。默认情况下，Sencha Touch显示警报框的黑色背景色，但我希望自定义颜色。所以，请让我知道执行此任务的正确方法是什么

在这里，我试图添加带有警报对话框的自定义类，但它不起作用

CSS:

对话框代码：

var dialog = Ext.Msg.alert("Custom alert box!"); 
dialog.getDialog().addClass('testcolor');

---

使用以下css类更改MessageBox bg颜色和MessageBox文本属性

//更改messagebox背景颜色的步骤

.x-msgbox
 {
    background-color: #fff;

 }

// To change messagebox text properties
 .x-msgbox-dark .x-msgbox-text {
    color: #000 !important;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

// To change messagebox title
.x-toolbar-dark .x-title {
    color:#000 !important;
    font-size: 20px !important;
    font-family: Helvetica, Arial, sans-serif;
}

希望能有帮助

谢谢

---

Gendaful

您创建了一个名为“test”的CSS类，但在对话框中添加了“testcolor”类。

.x-msgbox
 {
    background-color: #fff;

 }

// To change messagebox text properties
 .x-msgbox-dark .x-msgbox-text {
    color: #000 !important;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

// To change messagebox title
.x-toolbar-dark .x-title {
    color:#000 !important;
    font-size: 20px !important;
    font-family: Helvetica, Arial, sans-serif;
}