javascript - 为什么我的复选框不可见？

Question

我正在使用Extjs-6开发应用程序。我定义一个复选框如下：

{
   xtype: 'checkboxfield',
   fieldLabel: 'This is a CHECKBOX, but it\'s  not display',
   style: {
      width: '95%',
      marginBottom: '10px',
      color: 'blue'
   },
}

我的带有复选框的表单： 它显示，但不显示. 当我定义侦听器，然后我按下键，然后按下键，侦听器就会触发。

fieldLabelcheckboxchangetabspacechange

问题出在哪里？
我设置了样式，但它什么也没改变。我在做什么错？

Answer 1

尝试这样的事情：

{
     xtype: 'checkboxfield',
     fieldLabel: 'checkboxlabel',
     id:'checkboxid',
     minWidth: 50,
     padding: 0,
     allowBlank: true,
     labelSeparator: '',
     listeners: {
        labelEl: {
            click: function(e) {
                e.preventDefault();
            }
        }
     }
}