range slider with text input code example

Example 1: slider input

<input type="range">

Example 2: how to style input range thumb slider

appearance: none;
-webkit-appearance: none;

// to hide default and apply new styles