Question

我需要在ExtJs

中更改文本字段的样式

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

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

OR

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都没有用。我会调查并发布我得到的任何调查结果。

textfield extjs中的圆角

1 个答案: