小编use*_*193的帖子

在 ExtJS 5 中:如何移除文本框的边框

在 ExtJS 5 中,我想删除文本字段的边框并使其像这样: 在此处输入图片说明

当然可以通过两个标签来完成,但不是很干净。我在 ExtJS5 官网上尝试了以下两种方法,但是不行:

Ext.create('Ext.form.Panel', {
title: 'Contact Info',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
    // here 1
    xtype: 'textfield',
    name: 'name',
    fieldLabel: 'Name',
    border: 0,    // set border = 0 or false
    hideBorders: true
}, {
    // here 2
    xtype: 'textfield',
    name: 'email',
    fieldLabel: 'Email Address',
    style: 'border: none;background-image:none;'   // set style border none
}]
Run Code Online (Sandbox Code Playgroud)

});

结果: 在此处输入图片说明

有人有任何想法吗?谢谢。

extjs border textfield extjs5

1
推荐指数
1
解决办法
6341
查看次数

标签 统计

border ×1

extjs ×1

extjs5 ×1

textfield ×1