input[type=range].clsHtmlSlider { -webkit-appearance: none; border: 1px solid white; width: 300px; } input[type=range].clsHtmlSlider::-webkit-slider-runnable-track { width: 300px; height: 5px; background: #DDDDDD; border: none; border-radius: 3px; } input[type=range].clsHtmlSlider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #25446B; margin-top: -4px; } input[type=range].clsHtmlSlider:focus { outline: none; } input[type=range].clsHtmlSlider:focus::-webkit-slider-runnable-track { background: #CCCCCC; } input[type=range].clsHtmlSlider::-moz-range-track { width: 300px; height: 5px; background: #DDDDDD; border: none; border-radius: 3px; } input[type=range].clsHtmlSlider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #4178be; } input[type=range].clsHtmlSlider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } input[type=range].clsHtmlSlider::-ms-track { width: 300px; height: 5px; background: transparent; border-color: transparent; border-width: 6px 0; color: transparent; } input[type=range][rangeType=min].clsHtmlSlider::-ms-fill-lower { background: #4178be; border-radius: 10px; } input[type=range][rangeType=min].clsHtmlSlider::-ms-fill-upper { background: #DDDDDD; border-radius: 10px; } input[type=range][rangeType=max].clsHtmlSlider::-ms-fill-lower { background: #DDDDDD; border-radius: 10px; } input[type=range][rangeType=max].clsHtmlSlider::-ms-fill-upper { background: #4178be; border-radius: 10px; } input[type=range].clsHtmlSlider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #4178be; } input[type=range][rangeType=min].clsHtmlSlider:focus::-ms-fill-lower { background: #4178be; } input[type=range][rangeType=min].clsHtmlSlider:focus::-ms-fill-upper { background: #CCCCCC; } input[type=range][rangeType=max].clsHtmlSlider:focus::-ms-fill-lower { background: #CCCCCC; } input[type=range][rangeType=max].clsHtmlSlider:focus::-ms-fill-upper { background: #4178be; }