代码之家 › 专栏 › 技术社区 › Marco

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

stylesheet extjs4 extjs css javascript

Marco · 技术社区 · 12 年前

我有一个显示字段,我想增加字体大小。我已将其配置为:

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

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

我也尝试过通过CSS实现:

.biggertext
{
    font-size: 32px;
}

但我没有改变字体大小。

怎么了?

谢谢大家

4 回复 | 直到 12 年前

Marco 12 年前

您应该使用其他一些财产来完成此操作。例如标签。

这里有一个 demo

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

Sajitha Rathnayake 12 年前

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

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

或

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

Nerdroid 11 年前

标签:

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

值:

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

Meliz 12 年前

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

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

还要注意,labelStyle仅在使用FormLayout将标签包装在容器中时有效。

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

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前