input[type="range"] { 
    margin: 5px 20px;
    -webkit-appearance: none;
    position: relative;
    overflow: hidden;
    height: 16px;
    width: 200px;
    cursor: pointer;
    border-radius: 0; 
}

::-webkit-slider-runnable-track {
    background: #ddd;
}

::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px; /* 1 */
    height: 20px; /* 1 */
    background: #fff;
    border: 1px solid #999; /* 1 */
}

::-moz-range-track {
    height: 16px;
    background: #ddd;
}

::-moz-range-thumb {
    background: #fff;
    height: 20px;
    width: 10px;
    border: 1px solid #999;
    border-radius: 0 !important;
    box-sizing: border-box;
}

::-ms-thumb { 
    background: #fff;
    border: 1px solid #999;
    height: 20px;
    width: 10px;
    box-sizing: border-box;
}

::-ms-ticks-after { 
    display: none; 
}

::-ms-ticks-before { 
    display: none; 
}

::-ms-track { 
    background: #ddd;
    color: transparent;
    height: 16px;
    border: none;
}

::-ms-tooltip { 
    display: none;
}