Extjs更改DisplayField的字体大小

31moq8wy 于 2023-08-04 发布在其他

关注(0)|答案(5)|浏览(171)

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

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

字符串
但是标签和值字段的字体大小没有改变。
我也试着用CSS来实现：

.biggertext
{
    font-size: 32px;
}

型
但是字体大小没有变化。
怎么了？
谢谢大家

extjs

来源：https://stackoverflow.com/questions/22779315/extjs-change-font-size-for-displayfield

5条答案

按热度按时间

yc0p9oo01#

你应该使用一些其他的属性。例如标签。
这里有一个demo

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

字符串

赞(0）回复(0）举报 2023-08-04

7lrncoxx2#

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

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

字符串
或者

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

型

赞(0）回复(0）举报 2023-08-04

ygya80vv3#

标签：

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

字符串
数值：

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

型

赞(0）回复(0）举报 2023-08-04

ylamdve64#

在ExtJS代码中，您错过了cls biggertext上的'。你也可以这样做你的风格：

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

字符串
另外请注意，labelStyle过去仅在使用FormLayout将标签 Package 在容器中时才起作用。
也可能是你需要将!important添加到CSS中。我曾经需要它，否则它不会在浏览器中正确显示。

赞(0）回复(0）举报 2023-08-04

abithluo5#

第一个月
labelStyle prop的类型是string，而不是object。现有的答案是传递一个对象给prop，所以没有工作。
希望这能帮助那些不幸的人仍然在使用extjs。

赞(0）回复(0）举报 2023-08-04

我来回答

Extjs更改DisplayField的字体大小

5条答案

相关问题

热门标签

最新问答