Add range coloring

[Thanood]

It's static atm.
☝️ 3. Mai 2016 02:27

[Thanood]

Seems I don't know how to color the thumb..
I've tried several variatons of:

md-range .range-field input[type="range"]::-webkit-slider-thumb, md-range .range-field input[type=range]::-moz-range-thumb, md-range .range-field input[type=range]::-ms-thumb {
  background-color: ${mdAccentColor} !important;
}

I've looked that up here:
https://github.com/Dogfalo/materialize/blob/master/sass/components/forms/_range.scss

[Ullfis]

Tested on Firefox and Chrome:

    <style>
        input[type=range]+.thumb {
            background-color: blue!important;
        }
        input[type=range]::-webkit-slider-thumb {
            background: blue;
        }
        input[type=range]::-ms-thumb {
            background: blue;
        }
        input[type=range]::-moz-range-thumb {
            background: blue;
        }
    </style>
    <div>
        <md-range md-value.bind="rangeValue"></md-range>
    </div>
    <div>
        Value: ${rangeValue}
    </div>

[Thanood]

Thanks, @Ullfis. I'm wondering where is the difference to what I did? Apart from not writing it in a single row. 😄