ExtJS 4 - закругленный угол для текстового поля не работает

Question

У меня есть текстовое поле, определенное ниже, как, например:

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.