css - Sencha Touch的loadmask定制

Sencha Touch加载掩码示例：here

有什么方法可以自定义loadmask属性，而无需创建一个新的？我想增加深灰色框的大小（我认为它的内部蒙版对吗？），因为我想使用html来使loadmask看起来更好。但是对于具有这样大小的盒子，您几乎没有什么可做的，可以使加载掩码看起来更好。

masked: {
          xtype: 'loadmask',
          message: 'Now Loading..',
        }

如何设置较深的灰色框大小？我尝试了高度和宽度，但那修改了整个loadmask的大小，而不是较深的灰色框区域。

最佳答案

我尝试了一些，这是结果。

解决方案1

{
   xtype: 'loadmask',
   id : 'testMask',
   message: 'Now Loading..'
}

的CSS

div#testMask{
    font-size: 20.95px;
}

它正在工作，但请注意，它将增加字体大小。

解决方案2

的CSS

.x-mask .x-loading-spinner-outer {
    min-width: 20.5em !important;
    height: 19.5em !important;
}

它也可以正常工作，但是它会覆盖现有样式。