title: React - input range change color dynamically
body: <p>I have a component that contains input from the type range.
  I have multiple instances of this component and on each component, I'd like to have a different color for the left side input range.</p>
  <p>This is what I've got so far</p>
  <pre><code>  &lt;div class={styles.bar}&gt;
      &lt;input
        type=&quot;range&quot;
        style={{
          backgroundColor: props.color,
        }}
      /&gt;
    &lt;/div&gt;
  </code></pre>
  <p>how can I edit the color dynamically? (I want to look exactly the same like a regular input range, but the button and left range in a different color)</p>
  <p><a href="https://jsfiddle.net/m2pe7ty9/7/" rel="nofollow noreferrer">this</a> is a fiddle of my work.</p>
  <p>Thanks</p>