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>元素提供border radius属性,但是您尝试将其设置为包含该<input>元素的component 元素.