如何在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

E.g。

.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