Menu icon Foundation
Range Slider handle icon/image

Hi Guys,

I was wondering if there was a way to change the range slider handle into an image or an icon.

I'm trying to achieve something like from this site http://www.maidsinblack.com/, they've changed the handle into a background image and it looks great!

Any help would be appreciated :)

range sliderFoundation

Hi Guys,

I was wondering if there was a way to change the range slider handle into an image or an icon.

I'm trying to achieve something like from this site http://www.maidsinblack.com/, they've changed the handle into a background image and it looks great!

Any help would be appreciated :)

Brandon Arnold over 4 years ago

This wouldn't be too difficult, it's setting a background image along with a height and width that match.

Here's an example
http://codepen.io/zurbrandon/pen/MaWoaq

Goodluck.

Rafi Benkual over 4 years ago

Sure, you can use an image, icon font, whatever you want.
http://codepen.io/rafibomb/pen/qOBXLx?editors=110

edit - looks like Brandon already got this :)