의 ExtJS 4 - 작동하지 않는 텍스트 필드에 대한 둥근 모서리

Question

I는 다음과 같이 정의 된 텍스트 필드가 있습니다

xtype: 'textfield', 
x: 490, 
y: 365, 
cls: 'textarea', 
height: 40, 
width: 300, 
fieldLabel: 'Label', 
hideEmptyLabel: false, 
hideLabel: true 

그리고 내 CSS는 다음과 같이 정의된다

.textarea { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
} 

그러나, 텍스트 필드는 여전히 구석이있다 . 나는 내가 뭔가 잘못하고 있다고 생각하고 그것을 발견 할 수 없다. 어떤 도움이라도 대단히 감사합니다. 감사.

Answer 1

이 시도 : -

.textarea .x-form-text { 
    border-radius: 5px; 
} 

당신은 <input> 요소에 국경 반경 속성을 제공해야하지만, 당신이 <input> 요소가 포함 된 구성 요소로 설정하고있었습니다.

Answer 2

당신은 또한 fieldStyle을 시도 할 수 있습니다 :

물론

{ 
    xtype: 'textfield', 
    x: 490, 
    y: 365, 
    cls: 'textarea', 
    height: 40, 
    width: 300, 
    fieldLabel: 'Label', 
    hideEmptyLabel: false, 
    hideLabel: true, 
    fieldStyle: { 
     borderRadius: 5 //here 
    } 
} 

, 이것은 단지 당신이 만든 구성 요소에 적용됩니다. 이 문제를 textarea cls 인 모든 필드에 적용하려면 fieldCls을 사용해보세요.