自定义kendo UI rangeSlider句柄

时间:2013-12-10 23:14:23

标签: kendo-ui rangeslider

我正在尝试使用rangeSlider左右手柄的图像。我注意到这两个句柄都是类k-draghandle的锚元素,我通过dom操作向它添加了一个子图像元素。

是否有更简单的方法来自定义这些句柄?

1 个答案:

答案 0 :(得分:0)

最简单的方法就是添加自己的样式表来覆盖k-draghandle。例如:

.k-slider .k-draghandle {
  background-image: url('data:image/gif;base64,R0lGODlhCwAbAJEAAMzMzJmZmQAAAAAAACwAAAAACwAbAAACMYyPBsus3R5cclZ4Y2Ciuz1RINAJXyhyXopK5dmOLxu6K5DB5J3T1vhD4YAYoiaRKAAAOwAA');
}

demo of image background

(它不漂亮,但你明白了)