是否根据值条件更改noUiSlider连接颜色？

var slider = document.getElementById('slider');

noUiSlider.create(slider, {
  start: [20, 80],
  connect: true,
  range: {
    'min': 0,
    'max': 100
  }
});

slider.noUiSlider.updateOptions({
  connect: [
    [0, 20, 'red'],   // 值在0到20之间的连接颜色为红色
    [20, 80, 'green'], // 值在20到80之间的连接颜色为绿色
    [80, 100, 'blue']  // 值在80到100之间的连接颜色为蓝色
  ]
});

.noUi-connect {
  background-color: red;   /* 连接颜色为红色 */
}

.noUi-connect:nth-child(2) {
  background-color: green; /* 连接颜色为绿色 */
}

.noUi-connect:nth-child(3) {
  background-color: blue;  /* 连接颜色为蓝色 */
}