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' 
}); 

コンテナはセットの高さを基準にしていますが、私はスライダがそのサイズに合わせて縮尺を変えると考えています。それは10ピクセルでちょうど切り取られます：/

ありがとうございました。

Answer 1

OK私の解決策は、この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; 
} 

をしかし、これは携帯電話/タブレットのために周り、さらに別のコンフィグを演奏少し必要。より良い解決策が認められるでしょう。