CSS range feature detection

by achudars

HTML

<input type="range" value="1" min=".1" max="10" step="0.1" pattern="\d*\.?\d+" size="3">

CSS

input[type="range"]:in-range {
    /* These styles are only applied in range-supporting browsers */
    width: 100%;
}