I'm trying to find a way to prevent the user from clicking into the "track" portion of an HTML5 range input. Essentially, I only want the user to be able to use the "handle" to change the range value.
Is this even possible?
I'm trying to find a way to prevent the user from clicking into the "track" portion of an HTML5 range input. Essentially, I only want the user to be able to use the "handle" to change the range value.
Is this even possible?
It's possible through pointer-events at least on chrome.
This will disable clicking on the track and enable clicking only on slider thumbs.
Adding disabled should work.
and then you can easily change the values using jQuery, like this: