Thumb is barely visible in my custom range input

Viewed 110

Currently busy on creating a range input. However, the range input should be a different background-color, depending where the thumb is.

So far it is working fine, but the thumb is barely visible. Is there some way I can get the thumb on top of the slider? Tried all sorts of styling; position, z-index, display etc.

Here is a snippet of what I have so far.

My expected behavior would be a white circle as thumb, around 20x20.

1 Answers
Related