2

我是 Ext 新手，但在对 Stack Overflow 进行了多次研究和提问后，我成功在网格行、标题行中添加图片，以更改标题标题的字体大小、字体颜色等。但我仍然不知道如何更改面板主标题的字体大小等。我通过添加直接CSS成功将图片放入标题面板，但不多。

Ext.define('AM.view.user.List' ,{
extend: 'Ext.grid.GridPanel',


alias: 'widget.userlist',


cls: 'overall', 


title: 'XXX // DEMO <img class="title-icon" style="vertical-align:middle; margin-bottom:10px; " src="xxx/xxx/xxx.png"/> '

这可能是一个简单的问题来回答！非常感谢 :-) 最好的问候。

4

1 回答 1

2

它通常.x-panel-header-text-default是控制面板标题字体样式的 CSS 类。如果您导航到 Firebug 检查器中的面板标题，您可能会看到：

.x-panel-header-text-default {
    color: #333333;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
}

因此，您可以在 CSS 中覆盖该规则，或者您可以说利用headerCls配置选项来指定您的 CSS 类。

于 2013-06-14T14:24:21.047 回答