Extjs 디스플레이 필드의 글꼴 크기 변경

나는 디스플레이 필드가있어서 글꼴 크기를 늘리고 싶습니다. I는 다음과 같이 구성했습니다Extjs 디스플레이 필드의 글꼴 크기 변경

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

하지만 레이블과 값 필드의 글꼴의 크기가 변경되지 않았습니다.

는 또한 CSS를 통해 그것을 할 시도했다 :

.biggertext 
{ 
    font-size: 32px; 
}

하지만 난 글꼴 크기에 대한 변경을했습니다 없습니다.

무엇이 잘못 되었나요?

는 당신에게 당신은 '당신의 CLS에 biggertext에서의 ExtJS 코드를 놓친 한 모든

출처

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

감사드립니다. 또한이 같이 당신의 스타일을 수행

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

은 또한 라벨 스타일은 당신이 FormLayout와 용기에 라벨을 포장하는 경우에만 작동하는 데 있습니다.

CSS에 !important을 추가해야 할 수도 있습니다. 한 번 필요했습니다. 그렇지 않으면 브라우저에 올바르게 표시되지 않습니다.

출처

2014-04-01 07:32:35 Meliz

"당신 CLt biggertext에"미안하지만, 놓친 적이 있지만 내가이 질문을 썼을 때 실수를했습니다. 나는 그것을 수정했다 ... 이제 당신의 솔루션을 시도하고있다. – Marco

나는이 솔루션으로 어떤 변화도 없다. – Marco

내가 제안한대로 CSS 뒤에'! important'를 시도 했습니까? – 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 디스플레이 필드의 글꼴 크기 변경

답변

관련 문제