如何在Bootstrap滑块中为选中的刻度标记赋予颜色？

<div class="custom-slider">
  <!-- Bootstrap滑块的HTML结构 -->
  <input type="range" class="form-range" min="0" max="100" step="1">
</div>

.custom-slider input[type="range"]::-webkit-slider-runnable-track {
  /* 未选中的刻度颜色 */
  background-color: #ddd;
}

.custom-slider input[type="range"]::-webkit-slider-thumb {
  /* 未选中的刻度标记颜色 */
  background-color: #999;
}

.custom-slider input[type="range"]:checked::-webkit-slider-runnable-track {
  /* 选中的刻度颜色 */
  background-color: #337ab7;
}

.custom-slider input[type="range"]:checked::-webkit-slider-thumb {
  /* 选中的刻度标记颜色 */
  background-color: #23527c;
}