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

Question

我想更改Sencha Touch中警報消息框的背景顏色，但我對此沒有任何認識。 Sencha Touch默認顯示警告框的黑色背景顏色，但我想定製顏色。所以請讓我知道什麼是正確的方式來執行此任務？

在這裏我試圖添加自定義類與警報對話框，但它不工作。

CSS：

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

對話框代碼：CSS類下面

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

Answer 1

用於更改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