title: Merge two input range
body: <p>I want to merge two input range draggable thumbs and STOP dragging when they are overlapping. I also want to change the range track color, but <code>input::-moz-range-track</code> is not working.</p>
  
  <p>This is my current code. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.price-slider {
    position: relative;
    width: 420px;
    margin: 0 auto 20px;
    height: .8em;
    text-align: center;
  }
  
  .price-slider input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: .8em;
    margin: 0;
    padding: 0;
    border: 1px solid #aaa;
    -webkit-appearance: none;
  }
  
  .price-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    background-color: #1E86D2;
    border: 1px solid #d3d3d3;
    width: 1.2em;
    height: 1.2em;
    -webkit-appearance: none;
  }
  
  .price-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    widows: 24px;
    border-radius: 12px;
    background-color: white;
    border: 2px solid black;
    -moz-appearance: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;div class="price-slider"&gt;
                &lt;input type="range" min="0" #range1 value="0" max="100" step="1"  (input)="range1.value" (mouseup)="stop(range1.value, range2.value)"&gt;
                &lt;input type="range" min="0" #range2 value="100" max="100" step="1" (input)="range2.value"&gt;
                &lt;label for=""&gt; Range: {{ range2.value - range1.value }} &lt;/label&gt;
              &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Hope someone is gonna help me. Thank you in advance.</p>