I want to style the thumb on html slider, I have this code

<input class="volume-slider" type="range" min="0" max="1" step="0.01" value="1">

.volume-slider::-moz-range-thumb,
.volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-image: url("./gfx/volume-handle.png");
    width: 12px;
    height: 12px;
    margin-left: -1px;
}

Problem is, that when there is selector for both Firefox and Chromium present, it doesnt work on chromium. If I delete the Firefox part, it starts working on Chromium.
Is it possible to style the thumb on both Firefox and Chromium, without having to Ctrl C Ctrl V the css and have it separate?