Javascript 在ExtJS Classic 7.3.0中创建动画棋盘格。需要帮助删除我的复选标记周围的容器边框吗

我试图在所有组件的顶部显示一个复选标记。它显示了，但是在我的复选标记周围有一个容器框架，我不知道如何移除它。这是工作小提琴：。单击submit按钮，您将看到它当前的外观

还包括此处的代码：

    var checkMarkTemplate = new Ext.XTemplate(
      '<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">',
      '<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>',
      '<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>',
    );

    Ext.create('Ext.Component', {
        floating: true,
        // modal: true,
        id: 'check',
        renderTpl: checkMarkTemplate,
        frame: false,
        border: false,
        bodyStyle: 'background:transparent',
        x: 100,
        y: 100,
        listeners: {
            show: function(comp) {
                //
            }
        }
    });

var checkMarkTemplate=new Ext.XTemplate(
'',
'',
'',
);
Ext.create（'Ext.Component'{
浮动：是的，
//莫代尔：是的，
id:'支票'，
renderTpl:checkMarkTemplate，
帧：假，
边界：错，
bodyStyle:“背景：透明”，
x:100，
y:100，
听众：{
显示：功能（comp）{
//
}
}
});

尝试在上面的

Ext.create（'Ext.Component'，{

---

这使它对我有效。

尝试在上面的

Ext.create（'Ext.Component'，{

这让它对我有用