Css textfield extjs中的圆角

我需要更改ExtJs中文本字段的样式

API文档显示，这是通过以下方式完成的：

{
    xtype: 'textfield',
    fieldStyle: {
        'border-radius':'7px'
    }
}

或

---

这些似乎都没有任何效果，有人能提供任何建议吗？

我通过添加一个类并在下面添加特定的CSS规则来实现这一点。最明显的方法似乎对我不起作用

items: [{
            fieldLabel: 'First Name',
            name: 'first',
            allowBlank: false
        }, {
            fieldLabel: 'Last Name',
            name: 'last',
            allowBlank: false,
            cls: 'rounded'
        }],

<style>
   .rounded .x-form-text-wrap, .rounded .x-form-trigger-wrap {
        border-radius: 7px;
    }

</style>

项目：[{
fieldLabel:“名字”，
姓名：'第一'，
allowBlank:false
}, {
fieldLabel:“姓氏”，
姓名：'最后'，
allowBlank:false，
cls:“四舍五入”
}],
.rounded.x-form-text-wrap、.rounded.x-form-trigger-wrap{
边界半径：7px；
}

这是一个显示它在姓氏字段上工作的示例

---

我很想知道为什么直接添加样式或者甚至使用fieldCls或baseCls都不起作用。我将调查并发布我得到的任何发现

才华横溢，乐于助人。如果这回答了您的问题，您是否可以将其标记为已回答，以便其他人知道其已解决

items: [{
            fieldLabel: 'First Name',
            name: 'first',
            allowBlank: false
        }, {
            fieldLabel: 'Last Name',
            name: 'last',
            allowBlank: false,
            cls: 'rounded'
        }],

<style>
   .rounded .x-form-text-wrap, .rounded .x-form-trigger-wrap {
        border-radius: 7px;
    }

</style>