sliderHandle

Specifies the appearance of the range selector's slider handles.

Type:

Object

The range selector's sliders consist of a slider marker and a slider handle. You can drag a marker or a handle to change the selected range. To set the appearance options of the slider handles, use the sliderHandle configuration object. To customize the slider markers, use the sliderMarker configuration object.

Show Example:
jQuery

In this example, the slider handles are colored in 'brown' using the color option. In addition, the width and opacity options of the sliderHandle configuration object are changed.


                                    

                                    

color

Specifies the color of the slider handles.

Type:

String

Default Value: '#000000'

This option supports the following colors.

Show Example:
jQuery

In this example, the slider handles are colored in 'maroon'.


                                    

                                    

opacity

Specifies the opacity of the slider handles.

Type:

Number

Default Value: 0.2

Show Example:
jQuery

In this example, the opacity option of the slider handles is changed to 0.4.


                                    

                                    

width

Specifies the width of the slider handles.

Type:

Number

Default Value: 1

Show Example:
jQuery

In this example, the width option of the slider handles is changed to 3.