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

How to change background color of Ext.Msg.alert Sencha touch

本文关键字：touch 背景 颜色 Sencha alert 何更改 Ext Msg      更新时间：2023-09-26

我想更改Sencha Touch中警告消息框的背景颜色，但是我不知道该怎么做。默认Sencha Touch显示黑色背景色的警告框，但我想自定义的颜色。所以请让我知道执行这项任务的正确方法是什么?

在这里我试图添加自定义类与警报对话框，但它不工作。

CSS: 

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

对话码:

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

使用下面的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

相关文章：