如何有效地自定义/样式Ext.form.Slider？

Question

我正在尝试在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：/

感谢任何提示。

Answer 1

好的我的解决方案是添加这个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;
}

但这需要一点点玩耍，而且手机/平板电脑还需要不同的配置。我们将不胜感激。