css - Sencha Touch 的 loadmask 自定义

Question

Sencha Touch loadmask 示例：这里

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

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

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

Answer 1

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

解决方案 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;
}

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