文本字段extjs中的圆角

Question

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

API 文档表明这是由以下人员完成的：

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

或

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

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

Answer 1

我设法通过添加一个类并在下面添加特定的 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>

这是一个Sencha Fiddle，显示它在姓氏字段上工作。

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