Sencha touch 如何有效地自定义/设置Ext.form.Slider的样式？

我正在尝试在Sencha Touch 1.1中自定义Ext.form.Slider。这是我的代码：

de.letsdev.mySlider = new Ext.form.Slider({
    flex : 1,
    value : 0,
    centered : true,
    height : 10,
    maxHeight : 10,
    minValue : 0,
    maxValue : 20,
    disabled : true,
    disabledCls : '',
    componentCls : 'myClass'
});

容器确实尊重设置的高度，但我希望滑块能够根据它没有的大小进行缩放。它只是以10px的速度裁剪：/

---

谢谢您的提示。

好的，我的解决方案是添加以下css：

. myClass .x-input-slider::after {
    height: 0.4em;
    top: 0.8em;
}
. myClass .x-thumb::before {
    width: 1.2em;
    height: 1.2em;
    top: 0.8em;
}

但这需要一点变通，而且手机/平板电脑需要不同的配置。如果有更好的解决办法，我们将不胜感激