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更改顯示字段的字體大小

回答

相關問題