javascript - 如何更改 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