反应-输入范围动态更改颜色

Question

我有一个包含类型范围输入的组件。 我有此组件的多个实例，并且在每个组件上，我希望左侧输入范围具有不同的颜色。

这是我到目前为止所得到的

  <div class={styles.bar}>
    <input
      type="range"
      style={{
        backgroundColor: props.color,
      }}
    />
  </div>

如何动态编辑颜色？ （我想看起来与常规输入范围完全一样，但是按钮和左侧范围的颜色不同）

this是我的工作。

谢谢