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

Question

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

这里我正在尝试添加带有警告对话框的自定义类，但它无法正常工作。

的 CSS： 的

 .test{ Background-color: #d21c1c !important; }

对话框代码：

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

Answer 1

使用下面的css类来更改MessageBox bg颜色和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