Question

我有一个显示字段，我想增加字体大小。我把它配置如下：

{
  xtype:'displayfield',
  cls:'biggertext',
  fieldLabel:'label',
  style:{
         'font-size':'32px'
        },
  labelStyle:{
                'font-size':'32px'
             }
}

但标签和值字段的字体大小没有改变。

我也试过通过CSS做到这一点：

.biggertext
{
    font-size: 32px;
}

但我对字体大小没有任何改变。

有什么问题？

谢谢大家

Answer 1

你应该使用其他一些属性。例如labelcls。

这是demo

{
        xtype: 'displayfield',
        fieldLabel: 'Home',
        name: 'home_score',
        value: '10',
        labelCls: 'biggertext',
        fieldCls:'biggertext',
    }

Answer 2

试试这个。！important将覆盖父样式

.biggertext
{
    font-size: 32px!important;
}

或者

 style:{
         'font-size':'32px!important'
        },
  labelStyle:{
                'font-size':'32px!important'
             }

Answer 3

标签：

labelStyle: "font-size:15px;font-weight:bold;width:60;padding:10px 0px 0px 10px;",

值：

style:"font-size:14px;padding:10px 0px 0 15px",

Answer 4

你错过了ExtJS代码中的'你的cls biggertext'。你也可以这样做：

style:{
        'font-size: 32px;'
       },
labelStyle:{
        'font-size:32px;'
      }

另请注意，仅当您使用FormLayout将标签包装在容器中时，labelStyle才起作用。

也可能需要将!important添加到CSS中。我曾经需要它，否则它将无法在浏览器中正确显示。

Extjs更改displayfield的字体大小

4 个答案: