Submitted about 4 years ago

Custom Slider / Input Range using vanilla CSS and JS

Ahmad Syafiq Aqil Wafi•170

@Syafiqjos

A solution to the Interactive pricing component challenge

Preview Code

Solution retrospective

Hi!

I spent long time to create this component. I was expecting to complete the challenge faster. But at least I learnt so much.

I have question regarding to custom Input Range or Slider. Why the custom Input Range appear really good in firefox but bad at chrome ? Ohh and how to add image on slider node on chrome?

Also I want to know how to study more about each property browser support. Like -webkit -moz etc. You guys have some advice? Let me know!

Thats all from me, thank you for reading. Any feedback is welcome!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Ahmad Syafiq Aqil Wafi's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord