如何更改 ExtJS 4 中的滑块缩略图？

Question

我已设法为 ExtJs 滑块设置背景图像，但找不到如何更改缩略图图像。

So far this is what i´ve got

This is what i´m trying to do

这是代码（css 和滑块）：

   <style type="text/css">
    .slider_background .x-panel-body
    {
        background-image:url('Images/slider.jpg') !important;
    }
  </style>

 var sliderStatus = Ext.create('Ext.slider.Single', {
   id: 'sliderStatus',
   value: 0,
   minValue: 0,
   maxValue: 100,
   renderTo: Ext.getBody()
 });

Answer 1

例如

.x-slider-horz .x-slider-thumb:before {
    display:none;
}

.x-slider-horz .x-slider-thumb {
    border:none;
    background-image:url('https://fiddle.sencha.com/resources/images/logo.png')

}

请比较fiddle