更改ExtJS的CSS库

Question

那位大哥知道修改ExtJs的CSS类库么，就是下面这个弹出框的颜色:
Ext.Msg.alert('友情提示','选择一条记录');这样会弹出一个框，如何更改这个弹出框的样式，如颜色
[b]问题补充：[/b]
我把ExtJs的底层Css样式库都更改过来了，就是这个弹出框不晓得怎么更改，我用firefox定位这个框的Css都更改不过来，不晓得怎么该

Answer 1

该掉下面这些有关bg 和 color

[code="css"]
.x-window-tl {
background-image:url(../images/default/window/left-corners.png);
}
.x-window-tl {
background:transparent none no-repeat scroll 0 0;
padding-left:6px;
position:relative;
z-index:1;
}

.x-window-tr {
background-image:url(../images/default/window/right-corners.png);
}
.x-window-tr {
background:transparent none no-repeat scroll right 0;
padding-right:6px;
}

.x-window-tc {
background-image:url(../images/default/window/top-bottom.png);
}
.x-window-tc {
background:transparent none repeat-x scroll 0 0;
overflow:hidden;
}

.x-window-tl .x-window-header {
-x-system-font:none;
color:#15428B;
font-family:tahoma,arial,verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

.x-tool {
background-image:url(../images/default/panel/tool-sprites.gif);
}

.x-window-ml {
background-image:url(../images/default/window/left-right.png);
}

.x-window-ml {
background:transparent none repeat-y scroll 0 0;
padding-left:6px;
}

.x-window-mr {
background-image:url(../images/default/window/left-right.png);
}

body.x-body-masked .x-window-plain .x-window-mc {
background-color:#CCD9E8;
}

.x-window-plain .x-window-mc {
background-color:#CCD9E8;
border-color:#A3BAE9 #DFE8F6 #DFE8F6 #A3BAE9;
}

.x-window-plain .x-window-body {
border-color:#DFE8F6 #A3BAE9 #A3BAE9 #DFE8F6;
}
[/code]