Extjs更改显示字段的字体大小

我有一个显示字段，并且我想增加字体大小。我已经将其配置如下：Extjs更改显示字段的字体大小

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

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

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

.biggertext 
{ 
    font-size: 32px; 
}

，但我没有对字体大小的变化。

出了什么问题？

谢谢大家

来源

2014-04-01 Marco

什么框架你的工作？ –

该框架是Extjs 4.1.1 – Marco

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

这里是一个demo

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

来源

2014-04-01 08:03:20 UmarKashmiri

完美，它适用于标签。价值领域呢？ – Marco

我在编辑您的解决方案：使用fieldCls：'biggertext'的值会更大 – Marco

你已经错过了在您的CLS biggertext在ExtJS的代码。此外，你做你的风格是这样的：

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

还要注意的是labelStyle只使用，如果你包装一下你的标签符合的FormLayout一个容器中运行。

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

来源

2014-04-01 07:32:35 Meliz

“你错过了'你的cls biggertext'抱歉，但是我写了这个问题时犯了一个错误。我编辑了它...现在我正在尝试您的解决方案 – Marco

我对此解决方案没有任何更改 – Marco

您是否按照我的建议尝试过'！important'后面的CSS？ – Meliz

试试这个！重要将覆盖父样式

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

或者

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

来源

2014-04-01 07:41:15

我没有改变这个解决方案 – Marco

标签：

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

值：

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

来源

2015-01-22 07:18:37 Steven

Extjs更改显示字段的字体大小

回答

相关问题